提问者:小点点

angular2@input-更改检测[重复]


有没有办法监听@Input change?

在以下示例中,每当“inputData”值更改时,我都希望得到通知。

@Input() inputData: InputData;

共3个答案

匿名用户

是的,您可以使用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!
}

更多信息可在此链接

你也可以看看这篇文章