我需要检测@Input
绑定角中的值变化,并在值变化时执行函数
@Component({
selector: 'my-comp',
...
})
...
@Input() myValue
//detect myValue changes
<my-comp [myValue]= "val"></my-comp>
当val
更改时,我需要执行一些代码组件类。
您可以在此处简单地使用set
,如下所示:
_myvalue: any;
@Input() set myValue(value: any) {
... // Your code goes here
this._myvalue = value;
}
现在,每次您在模板中为myValue
赋值时,都会调用setter并执行您的代码。
我希望这有帮助!
您可以使用ngOnChange
生命周期挂钩来实现高级功能。
export class MyCoponent implements OnChanges{
@Input() myValue
ngOnChanges(changes:SimpleChange){
//current value
let currentVal= changes.myValue.currentValue
// previouse value
let prev = changes.previousValue
}
当
函数myValue
中的任何更改时执行ngOnChange