В строке меню моего приложения должен быть текстовый ввод и кнопка входа, если пользователь не вошел в систему, и кнопка выхода из системы, когда пользователь вошел в систему. Эти две группы являются взаимоисключающими.
Я написал код следующим образом:
<div *ngIf=”userNotLoggedIn”>
<li>some li</li>
</div>
<div *ngIf=”!userNotLoggedIn”>
<li>some other li</li>
</div>
userNotLoggedIn изначально установлен на true и обновляется до false после успешного входа в систему.Моя проблема в том, что изменение значения userNotLoggedIn не обновляет мой компонент, т.е. я все еще вижу текст логина / пароля, а не ссылку для выхода.
Я также пробовал этот вариант, но он тоже не работает
<div >
<li [hidden]=”userNotLoggedIn”>some li</li>
</div>
<div>
<li [hidden]=”!userNotLoggedIn”>some other li</li>
</div>
userNotloggedIn:boolean определен как логическое значение, и я установил его начальное значение на true в ngOnInit
ngOnInit(){
this.userNotloggedIn = true;
}