How to display formGroup when i use formArray

Question

I want my form to have the form group but right now my form group is covered by form array.

Ts file:

donationItemForm = new FormArray<FormGroup<DonationItemForm>>([]);

HTML file:

<form [formGroup]="donationItemForm">

The error is this:

Type FormArray<FormGroup<DonationItemForm>> is not assignable to type FormGroup
Type FormArray<FormGroup<DonationItemForm>> is not assignable to type FormGroup<any>

I have tried using formArrayName but still failed.

Answer 1

From Angular 17 you can iterate direct over formArray controls and NOT use formGroup

@for (group of donationItemForm.controls; track $index) {
  <div [formGroup]="group">
    <input formControlName="prop1"/>
    ...
  </div>
}

stackblitz