Angular 2 - Komponenteneigenschaft ändert sich, aber Ansicht aktualisiert nicht

Question

Ich versuche Angular 2 zu lernen. Mein Verständnis ist, dass interpolierte Elemente in der Ansicht aktualisieren, wenn ihre entsprechende Variable im Modell aktualisiert wird, jedoch in dem Code unten ich tun sehe dieses Verhalten nicht.

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); 
 
    } 
 
}

Warum ist eine Aktualisierung der Ansicht nicht, wenn die ‚current‘ Eigenschaft der Komponente aktualisiert wird?

Answer 1

denke ich es sein sollte:

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