I'm currently delving into Angular 2 and as far as I know, interpolated items in the view are supposed to automatically update when their corresponding variable changes in the model. However, in the following code snippet, I'm not observing this expected behavior.
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);
}
}Why do you think the view is failing to update when the 'currentTime' property of the component undergoes a change?