@angle中的输入绑定检测变化

Question

我需要检测@Input绑定角度中的值更改，并在更改值时执行一个函数

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

//detect myValue changes

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

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

Answer 1

您可以在这里简单地使用set ，就像这样：

_myvalue: any;
@Input() set myValue(value: any) {
    ... // Your code goes here
    this._myvalue = value;
}

现在，每次在模板中为myValue分配值时， myValue调用setter并将执行代码。

希望对您有所帮助！

Answer 2

您可以在ngOnChange中使用ngOnChange生命周期挂钩以获取高级功能。

export class MyCoponent implements OnChanges{

@Input() myValue

ngOnChanges(changes:SimpleChange){

 //current value
 let currentVal= changes.myValue.currentValue
 // previouse value
 let prev = changes.previousValue
}

当ngOnChanges发生任何更改时， myValue执行ngOnChanges函数