@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函數