Angular Firebase ngIf用户已通过身份验证，监听程序在页面重新加载时不起作用

import { Component, OnInit } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';

@Component({
  selector: 'app-authenticated',
  template: `
    <div *ngIf="isAuthenticated">
      Welcome, {{ user.displayName }}!
    </div>
    <div *ngIf="!isAuthenticated">
      Please log in.
    </div>
  `
})
export class AuthenticatedComponent implements OnInit {
  user: firebase.User | null = null;
  isAuthenticated = false;

  constructor(private afAuth: AngularFireAuth) {}

  ngOnInit() {
    this.afAuth.authState.subscribe(user => {
      this.user = user;
      this.isAuthenticated = !!user;
    });
  }
}

import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-authenticated',
  template: `...`,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class AuthenticatedComponent implements OnInit {
  // ...
}

<!-- index.html -->
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-auth.js"></script>
<script>
  var firebaseConfig = {
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_AUTH_DOMAIN",
    projectId: "YOUR_PROJECT_ID",
    storageBucket: "YOUR_STORAGE_BUCKET",
    messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
    appId: "YOUR_APP_ID"
  };
  firebase.initializeApp(firebaseConfig);
</script>