本文介绍了输入更改时的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调用函数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!