angular2 @input - 更改檢測

Question

有沒有辦法監聽@Input更改？

在以下示例中，我希望在'inputData'值發生更改時通知您。

@Input() inputData: InputData; 

Answer 1

是的，你可以使用OnChanges生命週期事件：

@Input() inputData: InputData; 

ngOnChanges() { 
    console.log(this.inputData); 
} 

瞭解更多關於角的生命週期事件here。

Answer 2

你可以聽OnChanges組件的生命週期事件的組件內部

ngOnChanges(model: SimpleChanges){ 
    console.log(model) 
} 

Answer 3

您可以使用類似：提供

Input('value') 
set value(val: string) { 
    this._value = val; 
    console.log('new value:', value); // <-- do your logic here! 
} 

更多信息這link

你也可以乘坐看看this article

Answer 4

import { Component, Input, OnChanges, SimpleChange } from '@angular/core'; 


export class Demo implements OnChanges { 

@Input() inputData: InputData; 
ngOnChanges(changes: {[propertyName: string]: SimpleChange}) { 

    if (changes['inputData'] && this.inputData) { 

     //your logic work when input change 
    } 
} 

}