gist from clipboard

<div *ngFor="let group of objectKeys(formGroups)">
  <form #formElement [formGroup]="formGroups[group]" [action]="formData?.action" [method]="formData?.method">
    <ng-container *ngFor="let node of formData?.nodes">
      <div *ngIf="node.group === group || node.group === 'default'">
        <div *ngIf="node.messages.length > 0">
          <mat-error>
            {{ node.messages[0] }}
          </mat-error>
        </div>
        <mat-form-field *ngIf="node.attributes.type !== 'hidden' && node.attributes.type !== 'submit'">
          <input matInput [formControlName]="node.attributes.name" [name]="node.attributes.name" [type]="node.attributes.type" [placeholder]="node.meta.label?.text || ''">
        </mat-form-field>

        <input *ngIf="node.attributes.type === 'hidden'" type="hidden" [formControlName]="node.attributes.name">

        <button mat-raised-button *ngIf="node.attributes.type === 'submit'" [type]="node.attributes.type">
          {{ node.meta.label?.text }}
        </button>
      </div>
    </ng-container>
  </form>
</div>