Angular2。如何觀察子對象的變化？

Question

假設我有

@Input() timeData: TimeData 

部件，其中TimeData只包含一個字段：time。

我要觀察timeData.time，假設只有timeData.time改變（不是整個timeData）

ngOnChanges不跟蹤這種變化，而{{timeData.time}}可以完美運行。

我的最終目標是把標誌goodTime

if(timeData.time % 10 === 0){ 
    goodTime = true 
} 

Answer 1

你不提供有關TimeData的樣子，但是當你添加一個EventEmitter可以SUBCRIBE到變化的信息。

class TimeData { 
    _time: number; 
    get time(): number { 
    return this._time; 
    } 
    set time(value: number) { 
    this._time = number; 
    timeChange.next(number); 
    } 
    timeChange: EventEmitter<number> = new EventEmitter<number>(); 
} 

使用它像

timeData.timeChange.subscribe((value) => { doSomething(value);} 

Answer 2

餘did't注意到過，但別人也提出了類似的問題：

How to get onChanges for properties changed on an object sent in for an @Input