Обновление шаблона после того, как наблюдаемое получает значение Angular

Question

Почему значение этого шаблона не обновляется автоматически? Почему div не отображается?

Вот шаблон:

<div *ngIf="show">
   SHOW HAS A VALUE
</div>

Вот компонент:

//Global Variable
show;

constructor(private af: AngularFireAuth, private afs: AngularFirestore) { }

ngOnInit() {
    this.af.auth.onAuthStateChanged((user) => {
       if (user) {
         this.show = true;
       }
    });
}