Я пытаюсь сделать главу семьи своей собственной формой группы, однако этот метод, похоже, не работает.Ошибка показывает «Не удается найти элемент управления с именем firstName»
this.newFamilyForm = this.fb.group({
familyHead: this.fb.group({
firstName: [''],
middleName: [''],
lastName: [''],
<form id="familyForm" class="familyForm" [formGroup]="newFamilyForm">
<div class="row" formGroupName="familyHead">
<div class="col-lg-4 p-t-20">
<div class="mdl-textfield mdl-js-textfield mdl-
textfield--floating-label txt-full-width">
<label>First Name*</label>
<input class="mdl-textfield_input" type="text"
id="firstName" formControlName="firstName">
</div>
</div>
<div class="col-lg-4 p-t-20">
<div class="mdl-textfield mdl-js-textfield mdl-
textfield--floating-label txt-full-width">
<label>Middle Name</label>
<input class="mdl-textfield_input" type="text"
id="middleName"
formControlName="middleName">
</div>
</div>