title: Component not loading up on change of variable in *ngIf
body: <p>When loading variable changes to false, app-loadingspinner stops being displayed which is expected. But as per my understanding, at the same time app-paginator should start getting displayed which isn't happening. 
  I suspect my understanding is incorrect. If so, how can we achieve the expected behaviour? </p>
  
  <p>deals.component.html</p>
  
  <pre><code>&lt;app-loadingspinner *ngIf="loading"&gt;&lt;/app-loadingspinner&gt;
  &lt;div fxLayout="row" fxFlex.md="70" fxLayoutWrap class="card-deck-container mat-elevation-z4"&gt;
      &lt;div fxFlex *ngFor="let deal of deals" class="card-item"&gt;
        &lt;app-deals-card [ngStyle]="{'width':'300' + 'px'}" [deal]="deal"&gt;&lt;/app-deals-card&gt;
      &lt;/div&gt;
      &lt;app-paginator *ngIf="!loading"&gt;&lt;/app-paginator&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>deals.component.ts</p>
  
  <pre><code>export class Deals implements OnInit {
    public deals : Deal[] = []; 
    private next : string;
    private previous : string;
    loading = true;
    constructor(private dataService: DataService) { 
      this.dataService.get_deals().subscribe((res : any[])=&gt;{
        this.deals = res['results'];
        this.next = res['next'];
        this.previous = res['previous'];
        if (res instanceof HttpResponse){
            this.loading = false;
        }
      });
    }
  
    ngOnInit() {
    }
  
  }
  </code></pre>