dynamicform1_select.component.html_02

select.component.html

<!-- <p>select works!</p> -->

<mat-form-field>
    <div [formGroup]="fGroup">
        <div class="form-field">
            <mat-label>{{ field.fieldLabel }}</mat-label>
            <mat-select 
            [formControlName]="field.controlName"
            [id]="field.controlName"
            [multiple]="field.multipleOptions"

            >
            <mat-option [value]="null" disabled>{{ field["promptText"] }}</mat-option>
            <mat-option *ngFor="let opt of field.options" [value]="opt.optionKey">
                {{ opt.optionValue }}
            </mat-option>
            </mat-select>
        </div>
    </div>
</mat-form-field>