要解决“Angular 9 - 无法绑定到 'formGroup',因为它不是 'form' 的已知属性,即使已经导入了 FormsModule 和 FormBuilder。”的错误,可以按照以下步骤进行操作:
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule,
ReactiveFormsModule
],
// ...
})
export class AppModule { }
注意,必须在组件类中创建一个名为 myForm 的 FormGroup 对象,并将其绑定到模板中的 formGroup 属性上。示例如下:
import { Component } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.myForm = this.formBuilder.group({
// 表单控件
});
}
}
确保按照以上步骤进行操作后,重新编译和运行你的应用程序,错误应该就会消失。