changhuixu / session-expiration-alert Goto Github PK

diff --git a/projects/session-expiration-alert/src/lib/components/session-expiration-alert/session-expiration-alert.component.ts b/projects/session-expiration-alert/src/lib/components/session-expiration-alert/session-expiration-alert.component.ts
index fd336f0..4552748 100644
--- a/projects/session-expiration-alert/src/lib/components/session-expiration-alert/session-expiration-alert.component.ts
+++ b/projects/session-expiration-alert/src/lib/components/session-expiration-alert/session-expiration-alert.component.ts
@@ -8,6 +8,7 @@ import {
   OnDestroy,
   OnInit,
   SimpleChanges,
+  NgZone
 } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { SessionInterruptService } from '../../services/session-interrupt.service';
@@ -39,7 +40,8 @@ export class SessionExpirationAlertComponent
   constructor(
     private el: ElementRef,
     private sessionInterrupter: SessionInterruptService,
-    public sessionTimer: SessionTimerService
+    public sessionTimer: SessionTimerService,
+    private _ngZone: NgZone
   ) {}
 
   ngOnInit() {
@@ -60,6 +62,10 @@ export class SessionExpirationAlertComponent
   }
 
   private trackSessionTime() {
+    this._ngZone.runOutsideAngular(this.trackSessionTimeOutsideAngular)
+  }
+
+  private trackSessionTimeOutsideAngular() {
     this.sessionTimer.startTimer();
     this.expired = false;
     this.sessionTimerSubscription = this.sessionTimer.remainSeconds$.subscribe(