本文介绍了输入更改时的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(){...} }更多推荐
输入更改时的Angular2调用函数
发布评论