javascript - Angular 2 - La propiedad del componente cambia pero la vista no se actualiza
Estoy intentando aprender Angular 2. Mi comprensión es que los elementos interpolados en la vista se actualizan cuando la variable correspondiente se actualiza en el modelo, sin embargo, en el código a continuación no veo este comportamiento.
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);
}
}¿Por qué la vista no se actualiza cuando se actualiza la propiedad 'currentTime' del componente?
Respuesta #1
Creo que debería ser:
ngOnInit(): void {
setInterval(this.getCurrentTime.bind(this), 1000);
}
