CODEWITHSUNDEEP
javascripthtmlangulartypescript
Vipul Sharma
Vipul Sharma

Reputation: 798

Angular4 - How to set select option value dynamically

I have a select list with the code - 

<select (change)='onGroupChange($event)'>
    <option *ngFor="let group of groups" value={{group.group_name}}>
        {{group.group_name}}
    </option>
</select>

Now I have a group name value saved as a different variable and I want to set that as the select list value if it matches any.

Upvotes: 11

Views: 18013

Answers (2)

Hui Shi
Hui Shi

Reputation: 61

<select [(ngModel)]="selectedGroup" (ngModelChange)="onGroupChange($event)">
    <option *ngFor="let group of groups" [value]="group.group_name">
    {{group.group_name}}
    </option>
</select>

Upvotes: 6

Michael
Michael

Reputation: 368

<select (change)='onGroupChange($event)'>
    <option *ngFor="let group of groups" value={{group.group_name}} [selected]="group.group_name==myVariable">
        {{group.group_name}}
    </option>
</select>

Upvotes: 9

Related Questions