angular2 @input - 更改检测

有没有办法听@Input改变？

在下面的示例中,我希望每当"inputData"值更改时都会收到通知.

@Input() inputData: InputData;

Stefan Svrko.. 18

是的,你可以使用OnChanges生命周期事件:

@Input() inputData: InputData;

ngOnChanges() {
    console.log(this.inputData);
}

在此处阅读有关Angular生命周期事件的更多信息.

是的,你可以使用OnChanges生命周期事件:

@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
    }
 }

}