angular - NgOnInit がヘッダー コンポーネントで呼び出されない

Question

ヘッダーとフッターと呼ばれる 2 つのコンポーネントを使用する Angular アプリケーションがあります。Header コンポーネントには ngOnInit メソッドが含まれています。

    ngOnInit() {
    this.isAuthenticated = AppSession.isAuthenticated();
}

ただし、ページを読み込もうとすると、このメソッドは呼び出されませんが、ページにヘッダーとフッターが設定されています。
ヘッダーには、ユーザーが資格情報を提供するためのポップアップを起動するログイン ボタンが含まれています。ログインに成功すると、ユーザーは同じページにとどまるはずですが、ヘッダーは [ログイン] ボタンの表示から [MyAccount] ボタンの表示に変わるはずです。ヘッダーのスニペットは次のとおりです。

 <li *ngIf="!isAuthenticated">               
          <a class="waves-effect waves-light btn blue darken-5" (click)="onLoginClick()">Login</a>
           </li>
        <li *ngIf="isAuthenticated"><a class="blue-text text-darken-5" (click)="onMyAccountClick()">My Account</a></li>
        <li *ngIf="isAuthenticated"><a class="blue-text text-darken-5" (click)="onLogoutClick()">Logout</a></li>

これに関する任意の助けをいただければ幸いです。