角度2 *ng如果工作不正常

Question

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 无论如何都保持隐藏状态。

Answer 1

看起来您正在if和else块中重新声明您的isLoggedIn。相反，您应该分别将其设置为 this.isLoggedin = true 和 this.isLoggedin = false。