dynamic-form.component.html

  <ng-container *ngFor="let control of jsonFormData?.controls">
    <label class="block mt-6" for="{{ control.name }}">{{
      control.label
    }}</label>
    <input
      *ngIf="
        [
          'text',
          'password',
          'email',
          'number',
          'checkbox',
          'tel',
          'url'
        ].includes(control.type)
      "
      [type]="control.type"
      [formControlName]="control.name"
      [value]="control.value"
    />
    <textarea
      *ngIf="control.type === 'textarea'"
      [formControlName]="control.name"
      [value]="control.value"
    ></textarea>
    <select
      *ngIf="control.type === 'select'"
      [formControlName]="control.name"
      [value]="control.value"
    >
      <option *ngFor="let option of control.options" [value]="option">
        {{ option }}
      </option>
    </select>
  </ng-container>