Angular2 wywołanie funkcji, gdy wejście Zmienia

Question

składnik

dziecko:

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

składnik nadrzędny:

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

widok nadrzędny:

<child [value]="value2"> 

Czy istnieje jakiś sposób, aby wywołać childFunction() każdy czas wartość 2 jest zmieniona w tej strukturze?

Answer 1

Można użyć ngOnChanges()lifecycle hook

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

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

lub użyć seter

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