提问者:小点点

检测变化@角度[重复]中的输入绑定


我需要检测@Input绑定角中的值变化,并在值变化时执行函数

@Component({
  selector: 'my-comp',
  ...
})
...
@Input() myValue

//detect myValue changes

<my-comp [myValue]= "val"></my-comp>

val更改时,我需要执行一些代码组件类。


共2个答案

匿名用户

您可以在此处简单地使用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函数