Angular - FormGroup 上的 ngOnChange

ess*_*ara 2 forms ngonchanges angular

我需要检测 a 字段的实时变化FormGroup。我有一个简单的父子组件结构如下:

父组件视图

<my-child [myForm]="myForm"></my-child>
Run Code Online (Sandbox Code Playgroud)

子组件控制器

@Input()
myForm: FormGroup;

ngOnChanges(changes: SimpleChanges) {
console.log('changes', changes)
}
Run Code Online (Sandbox Code Playgroud)

问题是当表单字段更改时没有检测到任何更改。有没有办法触发ngOnChanges任何形式的变化?谢谢。

小智 5

您可以使用以下内容:

this.myForm.valueChanges.subscribe(changes => {
    // do what you need with the form fields here
    // you can access a form field via changes.fieldName
});
Run Code Online (Sandbox Code Playgroud)