Fix resize issue

4Science · Jul 5, 2017 · d46b66f · d46b66f
1 parent afc3902
commit d46b66f
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/src/app/shared/pagination/pagination.component.ts b/src/app/shared/pagination/pagination.component.ts
@@ -1,12 +1,12 @@
 import {
-    ChangeDetectionStrategy,
-    Component,
-    EventEmitter,
-    Input,
-    OnDestroy,
-    OnInit,
-    Output,
-    ViewEncapsulation
+  ChangeDetectionStrategy,
+  Component,
+  EventEmitter,
+  Input,
+  OnDestroy,
+  OnInit,
+  Output,
+  ViewEncapsulation, ChangeDetectorRef
 } from '@angular/core'
 import { ActivatedRoute, Router } from '@angular/router';
 import { Subscription } from "rxjs/Subscription";
@@ -140,13 +140,13 @@ export class PaginationComponent implements OnDestroy, OnInit {
      */
     public paginationControls;
 
-  /**
-   * Array to track all subscriptions and unsubscribe them onDestroy
-   * @type {Array}
-   */
-  private subs: Subscription[] = [];
+    /**
+     * Array to track all subscriptions and unsubscribe them onDestroy
+     * @type {Array}
+     */
+    private subs: Subscription[] = [];
 
-  /**
+    /**
      * An object that represents pagination details of the current viewed page
      */
     public showingDetail: any = {
@@ -161,6 +161,7 @@ export class PaginationComponent implements OnDestroy, OnInit {
         this.subs.push(this.hostWindowService.isXs()
             .subscribe((status: boolean) => {
                 this.isXs = status;
+                this.cdRef.markForCheck();
             }));
         this.checkConfig(this.paginationOptions);
         this.id = this.paginationOptions.id || null;
@@ -201,8 +202,9 @@ export class PaginationComponent implements OnDestroy, OnInit {
      *    Router is a singleton service provided by Angular.
      */
     constructor(private route: ActivatedRoute,
+                private cdRef: ChangeDetectorRef,
                 private router: Router,
-                public hostWindowService: HostWindowService) {
+                public  hostWindowService: HostWindowService) {
     }
 
     /**