Пользовательский компонент FormControl принимает ошибку при добавлении нового элемента массива в форму

Question

Может быть, кто-то поможет мне. Я отображаю компонент в форме, в дочерний компонент я передаю объекты formGroup из formArray.

Но когда я добавляю новый объект в formArray, я получаю ошибку " Ошибка ОШИБКИ: control.registerOnChange не является функцией ", но все работает.

Я создал stackblitz https://stackblitz.com/edit/angular-fceyyq Может быть, кто-то скажет мне, в чем может быть проблема, может быть, подход не правильный?

Если я создал компонент без ControlValueAccessor и передачи к объекту-компоненту с formGroup, то больше нет ошибок. Но я не уверен, что так правильно, потому что мы управляем родительским объектом из дочернего компонента.

Answer 1

Используйте ng-container вместо div, как предлагается здесь , так как использование *ngFor создает неявный шаблон.

<ng-container *ngFor="let control of form.get('address'); let i = index">
   <app-address [formControl]="control"></app-address>
</ng-container>