formGroup 需要一个 FormGroup 实例.当我在其他表单组中创建表单组时，请传递一个

Question

我有这个用于addUser的表单，并且我有用于获取出生日期的字段。

this.userFG = this.formBuilder.group({
name: [""],
family: [""],
birthDate: this.formBuilder.group({
day: [""],
month: [""],
year: [""]
})
});

我正在通过这个在 HTML 中使用它：

<form [formGroup]="userFG">
<div>
<label>Name : </label>
<input formControlName="name">
</div>
<div>
<label>lastName : </label>
<input formControlName="family">
</div>
<div [formGroup]="birthDate">
<div>
<label>day : </label>
<input formControlName="day">
</div>
<div>
<label>month : </label>
<input formControlName="month">
</div>
<div>
<label>year : </label>
<input formControlName="year">
</div>
</div>
</form>

但是当我运行该项目时，它向我显示此错误：

formGroup 需要一个 FormGroup 实例。请通过一个

这是演示

问题出在哪里？我该如何解决？

Answer 1

由于您正在使用嵌套表单组，因此对于内部表单组，请使用formGroupName：

<div formGroupName="birthDate">
... 
<input formControlName="day">
... 
<input formControlName="month">
...
<input formControlName="year">
<div>

工作堆栈闪电战

有关 formGroupName 的更多信息可以在文档中找到。