未在标头组件上调用NgOnInit

时间:2018-11-02 16:54:24

标签: angular typescript ngoninit

我有一个Angular应用程序,它使用2个称为Header和Footer的组件。 Header组件包含ngOnInit方法:

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

但是,当我尝试加载页面时,不会调用此方法,但是会看到页面上设置的页眉和页脚。
标头包含一个“登录”按钮,该按钮将为用户启动弹出窗口以提供其凭据。成功登录后,用户应该停留在同一页面上,但页眉应从显示“登录”按钮更改为显示“我的帐户”按钮。标头的代码段是:

 <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>

我们对此提供了任何帮助。

0 个答案:

没有答案