这个错误通常是由于尝试在未初始化的表单组中添加表单控件引起的。为了解决这个错误,您需要在使用前先初始化表单组并为每个表单控件添加一个控制器。
以下是一个可能引起此错误的常见代码示例:
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent implements OnInit {
myForm: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.myForm.controls['group1'].addFormGroup(this.fb.group({
control1: [null, Validators.required]
}));
// Oops! We forgot to add the group2 form group
}
}
要解决此错误,请确保在使用它之前初始化表单组,如下所示:
ngOnInit() {
this.myForm = this.fb.group({
group1: this.fb.group({
control1: [null, Validators.required]
}),
group2: this.fb.group({
control2: [null, Validators.required]
})
});
}
现在,您的表单组已初始化并准备好接受控件。
希望这有帮助,让您轻松解决这个错误。