输入更改时的Angular2调用函数

本文介绍了输入更改时的Angular2调用函数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

子组件：

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(){...} }