这个错误通常发生在使用Angular 15+版本的表单上。解决这个问题的方法是确保FormsModule和ReactiveFormsModule都被导入,并且在相关组件的NgModule中都被声明。例如:
在app.module.ts中导入:
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule,
ReactiveFormsModule
],
...
})
export class AppModule { }
在组件中使用:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent implements OnInit {
exampleFormGroup: FormGroup;
ngOnInit() {
this.exampleFormGroup = new FormGroup({
exampleInput: new FormControl('')
});
}
}
确保以上步骤完成后,重新编译并刷新浏览器即可解决该错误。