argos/dmp-frontend/src/app/form/dynamic-form-group/dynamic-form-group.component.html

<div *ngIf="form" class="group-component" [id]="group.id" [formGroup]="form">
    <div class="content-left-margin">

        <div *ngFor="let compositeField of group.compositeFields; let i = index; trackBy: trackByFn">
            <div>
                <div *ngIf="(compositeField?.multiplicity?.max - 1) > (compositeField?.multiplicityItems?.length)">
                    <a (click)="addMultipleField(i)" style="cursor: pointer">
                        Add one more fieldset +
                    </a>
                </div>
            </div>
            <df-composite-field [compositeField]="compositeField"  [path]="path" [pathName]="pathName+'.compositeFields.'+i"></df-composite-field>
            <div *ngFor="let multipleCompositeField of compositeField.multiplicityItems; let j = index; trackBy: trackByFn">
                <df-composite-field [compositeField]="multipleCompositeField"
                    [pathName]="pathName+'.compositeFields.'+i+'.multiplicityItems.'+j"></df-composite-field>
            </div>
        </div>
    </div>
</div>