Angular - FormGroup 上的 ngOnChange

Question

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

父组件 View

<my-child [myForm]="myForm"></my-child>

子组件 Controller

@Input()
myForm: FormGroup;

ngOnChanges(changes: SimpleChanges) {
console.log('changes', changes)
}

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

Answer 1

您可以使用以下内容:

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