Fonction d'appel Angular2 lorsque les modifications d'entrée

Composant enfant:

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

Composant Parent:

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

De la vue parente:

<child [value]="value2">

Est-il possible d'appeler childFunction() à chaque fois que la valeur 2 est modifié dans cette structure?

source d'informationauteur Bünyamin Sarıgül

  1. 22

    Vous pouvez utiliser le ngOnChanges() cycle de vie du crochet

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

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

    ou utiliser un setter

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