这个错误通常是由于没有正确导入FormGroup
类导致的。确保在使用FormGroup
之前导入@angular/forms
模块。
以下是一个示例代码,展示如何使用Angular的响应式表单:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-my-form',
templateUrl: './my-form.component.html',
styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
myForm: FormGroup;
ngOnInit() {
this.myForm = new FormGroup({
firstName: new FormControl(''),
lastName: new FormControl(''),
email: new FormControl('')
});
}
onSubmit() {
console.log(this.myForm.value);
}
}
注意:确保在模块文件中导入FormsModule
和ReactiveFormsModule
:
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
// ...
FormsModule,
ReactiveFormsModule
],
// ...
})
export class AppModule { }
这样,你就可以在Angular的响应式表单中使用FormGroup
了。