Угловые реактивные формы — Как выполнить итерацию по вложенному массиву форм?

#angular

Вопрос:

Вот пример кода:

 lt;div formArrayName="formControl" *ngFor="let item of formArrControl.controls; let i = index"gt;  lt;div [formGroupName]="i"gt;  lt;div formArrayName="nestedFormControl" *ngFor="let nestedControl of item.get('formControl2').controls; let j = index"gt;     lt;/divgt;  lt;/divgt; lt;/divgt;  

Таким образом, проблема заключается в том, чтобы получить вложенный элемент управления (item.get(‘formControl2’).controls). Я продолжаю получать ошибку «Свойство «элементы управления» не существует для типа»AbstractControl»». Я нашел решение с помощью функции, поэтому вместо того, чтобы перебирать «item.get(‘formControl2’).controls», я изменил его на control(элемент).

код функции управления:

 control(item: AbstractControl) {  return item.get('formControl2') as FormArray; }  

Итак, это правильное решение или неразумно использовать функцию внутри ngFor?