angular2 @input - phát hiện thay đổi

Question

Có cách nào để nghe cho @Input thay đổi không?

Trong ví dụ sau, tôi muốn được thông báo bất cứ khi nào giá trị 'inputData' được thay đổi.

@Input() inputData: InputData; 

Answer 1

Yeah, bạn có thể sử dụng OnChanges vòng đời sự kiện:

@Input() inputData: InputData; 

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

Đọc thêm về các sự kiện chu kỳ góc của here.

Answer 2

Bạn có thể nghe OnChanges kiện vòng đời phần bên trong thành phần của bạn

ngOnChanges(model: SimpleChanges){ 
    console.log(model) 
} 

Answer 3

bạn có thể sử dụng một cái gì đó như:

Input('value') 
set value(val: string) { 
    this._value = val; 
    console.log('new value:', value); // <-- do your logic here! 
} 

biết thêm có sẵn tại đây link

bạn cũng có thể tham gia một xem this article

Answer 4

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

}