Angular 如何在嵌套的FormControlGroup中引用FormControlName？

我试图从嵌套的FormGroup中引用FormControl

在下面，我能够正确引用名

this.emailForm = this.fb.group({
    firstName: new FormControl()
})

<input formControlName="firstName" />

this.emailForm=this.fb.group({
名字：newformcontrol（）
})

但当我用另一个FormGroup包装firstName时，同样的引用不起作用。 下面，我尝试引用它，但它不起作用：

this.emailForm = this.fb.group({
    personalInfo: new FormGroup({
        firstName: new FormControl()
    })

})

<input formControlName="['personalInfo'].firstName" />

this.emailForm=this.fb.group({
个人信息：新表单组({
名字：newformcontrol（）
})
})

以下是我收到的错误消息：

错误：找不到名为“[personalInfo].firstName”的控件

---

有人能告诉我需要做哪些更改才能引用嵌套的FormControl吗？

您引用控件的方式不正确：

从

formControlName

属性中删除

['personalInfo']

，并在控件引用表单中的嵌套组之前添加一个带有

formGroupName='personalInfo'

属性和值的

div

<div formGroupName='personalInfo'>
<input formControlName="firstName" />

更多信息请参见[FormGroupName文档]（）