Angular 在Observable接收到角度值后更新模板

为什么此模板值不会自动更新？为什么div没有出现

以下是模板：

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

---

我无法订阅onAuthStateChanged（），它会引发一个错误。类型“”上不存在属性“subscribe”（nextOrObserver:Observer |（（a:User）=>any），错误？：（a:error）=>any，completed？：Unsubscribe）=>Unsubscribe）。我无法订阅onAuthStateChanged（），它会引发一个错误。类型“”上不存在属性“subscribe”（nextOrObserver:Observer |（（a:User）=>any），error？：（a:error）=>any，completed？：Unsubscribe）=>Unsubscribe'。

//Global Variable
show;

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

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