输入更改时的Angular2调用函数 [英] Angular2 Call Function When the Input Changes

问题描述

子组件：

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

父组件：

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

父视图：

<child [value]="value2">

每次在此结构中更改value2时，有没有办法调用childFunction（）？

Is there any way to call childFunction() every time the value2 is changed in this structure?

推荐答案

您可以使用 ngOnChanges（） 生命周期挂钩

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

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

或使用setter

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

这篇关于输入更改时的Angular2调用函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！