Angular2 Gọi Function Khi Input Thay đổi

Question

phần

Child:

export class Child { 
    @Input() public value: string; 
    public childFunction(){...} 
} 

thành phần phụ huynh:

export class Parent { 
    public value2: string; 
    function1(){ value2 = "a" } 
    function2(){ value2 = "b" } 
} 

xem phụ huynh:

<child [value]="value2"> 

Có cách nào để gọi childFunction() mỗi thời gian giá trị 2 được thay đổi trong cấu trúc này?

Answer 1

Bạn có thể sử dụng ngOnChanges()lifecycle hook

export class Child { 
    @Input() public value: string; 

    ngOnChanges(changes) { 
     this.childFunction() 
    } 
    public childFunction(){...} 
} 

hoặc sử dụng một setter

export class Child { 
    @Input() 
    public set value(val: string) { 
     this._value = val; 
     this.childFunction(); 
    } 
    public childFunction(){...} 
}