这个问题通常是由于将formControl绑定到ngModel指令上而引起的。要解决这个问题,可以改为使用formControlName指令来绑定formControl,这样就能够正确地观察所有表单控件的输入。
示例代码:
在组件类中创建FormGroup:
import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-my-form',
template: `
`
})
export class MyFormComponent {
public myForm: FormGroup;
constructor() {
this.myForm = new FormGroup({
firstName: new FormControl(),
lastName: new FormControl()
});
}
}
在模板中使用formControlName指令来绑定表单控件:
这样就能够正确地观察所有表单控件的输入了。