使用雙向綁定更新角度應用中的html

Question

當用戶登錄到我的應用中時，我想更改文本以顯示其「我的帳戶」頁面，而不是「登錄」頁面。

這是我有：

<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是沒有改變。

我被告知這與雙向綁定有關。

隨着角度的不斷變化，我不能100％確定如何去解決這個問題，因爲在過去的幾個月中，ng2發生了相當大的變化。

雖然我可以用jQuery做到這一點很容易，我已到只使用NG2任務...

任何幫助，非常感謝！

Answer 1

裏面你需要使用this

因爲，在參考變量變化時，功能內部的功能。您需要使用this.isLoggedIn = true;

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

Here is a DEMO if the same