perf(module:tabs): do not run change detection when the promise resol…

…ves (#7144)
NG-ZORRO · Feb 22, 2022 · 148f84d · 148f84d
1 parent b72bd27
commit 148f84d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/components/tabs/tabset.component.ts b/components/tabs/tabset.component.ts
@@ -16,6 +16,7 @@ import {
   ContentChildren,
   EventEmitter,
   Input,
+  NgZone,
   OnDestroy,
   OnInit,
   Optional,
@@ -234,6 +235,7 @@ export class NzTabSetComponent implements OnInit, AfterContentChecked, OnDestroy
 
   constructor(
     public nzConfigService: NzConfigService,
+    private ngZone: NgZone,
     private cdr: ChangeDetectorRef,
     @Optional() private directionality: Directionality,
     @Optional() private router: Router
@@ -259,9 +261,10 @@ export class NzTabSetComponent implements OnInit, AfterContentChecked, OnDestroy
   }
 
   ngAfterContentInit(): void {
-    Promise.resolve().then(() => {
-      this.setUpRouter();
+    this.ngZone.runOutsideAngular(() => {
+      Promise.resolve().then(() => this.setUpRouter());
     });
+
     this.subscribeToTabLabels();
     this.subscribeToAllTabChanges();