javascript - Angular 2 - 组件属性更改但 View 不更新

Question

我正在尝试学习 Angular 2。我的理解是，当模型中对应的变量更新时， View 中的插值项也会更新，但是在下面的代码中我看不到这种行为。

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”属性更新时 View 没有更新？

Answer 1

我认为应该是:

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