У меня есть приложение 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>
Любая помощь с этим приветствуется.