fix(module:dropdown): fix dropdown break SSR (#5244)

close #5186
NG-ZORRO · May 11, 2020 · 016cca1 · 016cca1
1 parent e38333f
commit 016cca1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/components/dropdown/dropdown.directive.ts b/components/dropdown/dropdown.directive.ts
@@ -8,6 +8,7 @@
 
 import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { Platform } from '@angular/cdk/platform';
 import { TemplatePortal } from '@angular/cdk/portal';
 import {
   AfterViewInit,
@@ -70,7 +71,12 @@ export class NzDropDownDirective implements AfterViewInit, OnDestroy, OnChanges,
     }
   }
 
-  constructor(public elementRef: ElementRef, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}
+  constructor(
+    public elementRef: ElementRef,
+    private overlay: Overlay,
+    private viewContainerRef: ViewContainerRef,
+    private platform: Platform
+  ) {}
 
   ngOnInit(): void {
     this.positionStrategy.positionChanges.pipe(takeUntil(this.destroy$)).subscribe(change => {
@@ -117,6 +123,7 @@ export class NzDropDownDirective implements AfterViewInit, OnDestroy, OnChanges,
           map(([visible, sub]) => visible || sub),
           auditTime(150),
           distinctUntilChanged(),
+          filter(() => this.platform.isBrowser),
           takeUntil(this.destroy$)
         )
         .subscribe((visible: boolean) => {

diff --git a/components/dropdown/dropdown.module.ts b/components/dropdown/dropdown.module.ts
@@ -7,6 +7,7 @@
  */
 
 import { OverlayModule } from '@angular/cdk/overlay';
+import { PlatformModule } from '@angular/cdk/platform';
 
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
@@ -33,6 +34,7 @@ import { NzDropDownDirective } from './dropdown.directive';
     NzMenuModule,
     NzIconModule,
     NzNoAnimationModule,
+    PlatformModule,
     NzOverlayModule,
     NzContextMenuServiceModule,
     NzOutletModule