dynamic-form.component.html

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

  <ng-template ngFor let-input [ngForOf]="formData">
    <ng-container [ngSwitch]="input.controlType">
    
       <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>
      
      <!-- handling select & radio type inputs -->
      
      <ng-template [ngSwitchCase]="'select'">
        <div class="form-group">
        
          <label [for]="input.controlName"> {{input.controlName}}</label>
          <select [formControlName]="input.controlName" [name]="input.controlName" [id]="input.controlName"
            [required]="input.validators.required">
              <option value="">{{input.placeholder}}</option>
              <option *ngFor="let option of input.options" [value]="option.value">{{option.optionName}}</option>
          </select>
        
        </div>
      </ng-template>

      <ng-template [ngSwitchCase]="'radio'">
      
        <div *ngFor="let option of input.options" class="form-group row">
          <input [formControlName]="input.controlName" [type]="input.controlType" [name]="input.controlName"
            [value]="option.value" [required]="input.validators.required">
          <label [for]="input.controlName"> {{option.optionName}}</label>
        </div>

      </ng-template>
      
    </ng-container>
  </ng-template>
  
  <button type="submit" [disabled]="form.invalid">
    Submit
  </button>
</form>