How to Use NgFor inside select option

user_14271243 0
Viewed 793

This is my typescript file and *ngFor is not working inside select option

I have tried this as pic below

<select type ="text" name="AccountNo" [(ngModel)]="val.AccountNo" class="form-control" > Select Account Number
                    <option>---Select---</option>
                    <option *ngFor="let sdata of savingData">
                        {{savingData.AccNum}}
                    </option>
                </select>
angular
1 Answers
Your HTML -

<select [(ngModel)]="val.AccountNo" class="form-control" > Select Account Number
    <option>---Select---</option>
    <option *ngFor="let sdata of savingData" [value]="sdata.AccountNo">
        {{sdata.AccNum}}
    </option>
</select>

TS File - You need to Declare Model -

val:any = {
    AccountNo : string = "";
};

You will get the value in model. Let me know if my answer help you in any kind.

user_67771250
Related