Estoy creando un formulario dinámico en el que obtengo los campos de formulario de la API. Estoy usando ng-container & ng-template para reutilizar el grupo de formularios varias veces, pero no funciona como se esperaba. Cuando estoy usando div habitual, funciona como se esperaba.
Puede usar instancias de FormGroup en lugar de formGroupName, porque la plantilla pierde el contexto de formGroup: Stackblitz
<ng-container *ngTemplateOutlet=" fieldsTemplate; context: { formGroup: formGroundUse.get('groundUses') } " > </ng-container> <div formArrayName="groundUsesArray"> groundUsesArray <ng-container *ngFor="let data of groudUse.controls"> <ng-container *ngTemplateOutlet=" fieldsTemplate; context: { formGroup: data } " > </ng-container> </ng-container> <ng-template #fieldsTemplate let-formGroup="formGroup"> <div [formGroup]="formGroup"> <tr> <td class="input-container"> <label for="">title</label> <input type="text" class="form-input" formControlName="title" /> </td> <td class="input-container"> <label for="">value</label> <input type="text" class="form-input" formControlName="value" /> </td> <td class="input-container"> <label for="">percentage</label> <input type="number" class="form-input" formControlName="percentage" /> </td> </tr></div ></ng-template>