dynamic-form.component.html

<form [formGroup]="form" (submit)="submitForm()">

  <ng-template ngFor let-input [ngForOf]="formData">
    <ng-container [ngSwitch]="input.controlType">
    
      <!-- handling text type inputs -->
       <ng-template [ngSwitchCase]="'text'">
        <div class="form-group">
          
          <label [for]="input.controlName"> {{input.controlName}}</label>
          <input [formControlName]="input.controlName" [type]="input.valueType" [name]="input.controlName"
            [required]="input.validators.required" [minlength]="input.validators.minlength"
            [maxlength]="input.validators.maxlength" />
          
          <div class="error" *ngIf="form.get(input.controlName).invalid && 
                                    (form.get(input.controlName).dirty || form.get(input.controlName).touched)">
            <div *ngIf="form.get(input.controlName).errors.required">Input required</div>
            <div *ngIf="form.get(input.controlName).errors.minlength">Minimum length is {{input.validators.minlength}}</div>
          </div>
          
        </div>
      </ng-template>
      
    </ng-container>
  </ng-template>

</form>