在angular应用程序中使用双向绑定更新html

当用户登录我的应用程序时，我想更改文本以显示他们的“我的帐户”页面，而不是登录页面

这就是我所拥有的：

<li><a (click)="openLoginForm()">
    <i class="fa fa-lock"></i> 
    {{ isLoggedIn ? "My Account" : "Login / Register" }}</a>
</li>

isLoggedIn = false;
ngOnInit() {
//run some checks
isLoggedIn = true;
}

虽然我可以在console.log中看到值的变化，但实际的HTML并没有变化

我被告知这与双向绑定有关

随着angular的不断变化，我不能100%确定如何进行这项工作，因为ng2在过去几个月发生了巨大的变化

虽然我可以用JQuery很容易地做到这一点，但我的任务是只使用NG2

---

非常感谢任何帮助

在函数内部，您需要使用

此

isLoggedIn = false;
ngOnInit() {
  //run some checks
  this.isLoggedIn = true;
}

因为，在函数内部时，对变量的引用会发生变化。您需要使用this.isLoggedIn=true

isLoggedIn = false;
ngOnInit() {
  //run some checks
  this.isLoggedIn = true;
}

---

当您加载页面时，该页面如何显示？“我的帐户”或“登录/注册”？嗨-是的，我的代码输入错误。我有这个。。。然而，它仍然不起作用。