Angle2 app.component.ts логическое не работает по всей странице

Question

Здесь у меня есть одна логическая переменная showLoadingIndicator в файле app.component.ts в файле ROUTING.Всякий раз, когда я переключаюсь с одного компонента на другой, почему логическое не работает?

export class AppComponent {
  title = 'app';
  showLoadingIndicator: boolean;
  if (routerEvent instanceof NavigationStart) {    
    this.showLoadingIndicator = true;
  }
}

Если я упоминаю этот showLoadingIndicator на моей другой html-странице, почему он не принимает

<div *ngIf="showLoadingIndicator">
    <b>Loading Please wait......</b>
</div>