angular - 未在标头组件上调用 NgOnInit

Question

我有一个 Angular 应用程序，它使用 2 个名为 Header 和 Footer 的组件。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>

对此的任何帮助表示赞赏。