我有一个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>
我们对此提供了任何帮助。