我怎样才能刷新＆＃39; Angular中的一个组件没有重新加载页面？

Question

如果用户没有登录，我的应用程序的菜单栏应该有文本输入和登录按钮，并且当用户登录时应该有一个注销按钮。这两组是互斥的。

我编写的代码如下：

<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;

  }

Answer 1

确保您为bool设置了*ngIf，并确保正确使用否定。它应该与您提供的第一个示例完美配合。