有没有办法监听@Input change?
在以下示例中,每当“inputData”值更改时,我都希望得到通知。
@Input() inputData: InputData;
是的,您可以使用OnChange
生命周期事件:
@Input() inputData: InputData;
ngOnChanges() {
console.log(this.inputData);
}
在此处阅读有关Angular生命周期事件的更多信息。
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
}
}
}
你可以使用类似的东西:
Input('value')
set value(val: string) {
this._value = val;
console.log('new value:', value); // <-- do your logic here!
}
更多信息可在此链接
你也可以看看这篇文章