Я пытаюсь сослаться на FormControl из вложенной FormGroup.
Ниже я могу правильно сослаться на имя
this.emailForm = this.fb.group({
firstName: new FormControl()
})
<input formControlName = "firstName" />
Но когда я оборачиваю firstName другой FormGroup, та же самая ссылка не работает. Ниже я попытался сослаться на него, но он не работает:
this.emailForm = this.fb.group({
personalInfo: new FormGroup({
firstName: new FormControl()
})
})
<input formControlName = "['personalInfo'].firstName" />
Вот сообщение об ошибке, которое я получаю:
Error: Cannot find control with name: '[personalInfo].firstName'
Может кто-нибудь сказать мне, какие изменения мне нужно внести, чтобы я мог ссылаться на вложенный FormControl?
Вы неправильно ссылаетесь на элемент управления:
Удалите ['personalInfo']
из атрибута formControlName
и добавьте div
с атрибутом и значением formGroupName='personalInfo'
непосредственно перед элементом управления, чтобы ссылаться на вложенную группу в форме.
<div formGroupName='personalInfo'>
<input formControlName = "firstName" />
Дополнительная информация в [документах FormGroupName] (https://angular.io/api/forms/имя группы форм)