2017-05-22 170 views
1

財產這是我的.ts文件打字稿代碼:更新屬性不更新視圖

private today: Date = new Date(); 

,這是我的HTML

<span [innerText]="today | date:dateFormat"></span> 

這說明5月22日完美

現在我有一個按鈕可以從它減去一天:

previousDay() { 
     Utils.addDays(this.today, -1); 
     console.log(this.today); 
    } 

this.today正確記錄5月21日在不過我認爲停留在5月22日的控制檯。

這裏是我創建了普拉克:https://plnkr.co/edit/6hw1JW0h5zNvF0owcU9U?p=preview

我缺少什麼?

回答

3

如下更新您的previousDay功能爲每plunker:

previousDay() { 
this.today = new Date(this.today.setDate(this.today.getDate() - 1)) 
console.log(this.today); 
} 

希望它能幫助!

+0

感謝但這是每次創建新的對象黑客攻擊。我想保持同一個對象。如果屬性更新不應該視圖也自己更新? –

+0

@TimLiberty,這是在日期對象的angular2中雙向綁定的正確方法。日期對象不同於其他objects.Please檢查https://stackoverflow.com/questions/34819057/how-to-detect-changes-with-date-objects-in-angular2 –

+1

很酷。感謝您的參考:) –