Получение 'Path Error' с массивом вложенных форм

Question

У меня есть следующий HTML:

<form [formGroup]="customFieldForm">
                 .......... 
      <div formArrayName="FieldNames">
           <div *ngFor="let fieldName of customFieldForm.get('FieldNames').controls; let i = index" 
           [formGroupName]="i">
               <mat-form-field>
                <input matInput [value]="fieldName.value.CustomFieldName"
                [formControlName]="CustomFieldName"
                [placeholder]="placeHolderInLocalLanguage">
          </mat-form-field>
       </div>
    </form

Я получаю следующую ошибку:

Cannot find control with path: 'FieldNames -> 0 (and all the length of the array...) -> 

файл TS:

        this.customFieldForm = new FormGroup({
        Menu: new FormControl(null, Validators.required),
        FieldType: new FormControl(null, Validators.required),
        FieldNames : new FormArray([]),
        OptionalOrMendatory: new FormControl(false),
        LineTypes: new FormControl(null),

    })

ПосвящениеДанные с сервера:

this.data.forEach(nameAndLanguage => {
const FieldName: FormGroup = this.fb.group({
    CustomFieldName: nameAndLanguage.CustomFieldName,
    ID: nameAndLanguage.LanguageID
});
(<FormArray>this.customFieldForm.get('FieldNames')).push(FieldName);
})

Кто-нибудь может заметить, что я здесь делаю неправильно?

Спасибо всем, кто пытается помочь заранее!

Answer 1

Я нашел свою проблему:

 [formControlName]="CustomFieldName"

попытался по ошибке связать объект.