Angular 2 - 組件屬性更改，但視圖不更新

Question

我試圖學習Angular 2.我的理解是，視圖中的插值項目更新時，其相應的變量更新模型中，但在下面的代碼中沒有看到這種行爲。

import { Component, OnInit } from '@angular/core'; 
 

 
@Component({ 
 
    selector: 'ai-header', 
 
    templateUrl: 'app/header/header.component.html', 
 
    styleUrls: ['app/header/header.component.css'], 
 
}) 
 

 
export class HeaderComponent implements OnInit { 
 
    currentTime: Date = new Date(); 
 

 
    getCurrentTime(): void{ 
 
     let dateTime = new Date(); 
 
     let year = dateTime.getFullYear(); 
 
     let month = dateTime.getMonth(); 
 
     let day = dateTime.getDate(); 
 
     let hour = dateTime.getHours(); 
 
     let minute = dateTime.getMinutes(); 
 
     let second = dateTime.getSeconds(); 
 
     dateTime = new Date(year, month, day, hour, minute, second) 
 
     
 
     this.currentTime = dateTime; 
 
    } 
 

 
    ngOnInit(): void { 
 
     setInterval(this.getCurrentTime, 1000); 
 
    } 
 
}

爲什麼不看法時，該組件的 'currentTime的' 屬性更新更新？

Answer 1

我覺得應該是：

ngOnInit(): void { 
    setInterval(this.getCurrentTime.bind(this), 1000); 
}