HTML
<li class="nav-item">
<a class="nav-link" routerLink="/register" *ngIf="isLoggedIn">Register</a>
</li>
JS:
var auth = this.af.auth.subscribe( (user) => {
if (user) {
// User signed in!
var uid = user;
var isLoggedIn = true;
console.log(uid)
console.log(isLoggedIn);
} else {
// User logged out
console.log("no user")
var isLoggedIn = false;
console.log(isLoggedIn);
}
});
控制台正确记录了 true 和 false 值,因此var isLoggedIn
正在正确更改,但无论如何 *ngIf 都保持隐藏状态。
看起来您正在重新声明您的isLoggedIn
inif
和else
block。相反,您应该分别将其设置为this.isLoggedin = true
和this.isLoggedin = false
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句