web-dev-qa-db-ja.com

Angular4-選択オプションの値を動的に設定する方法

コードを含む選択リストがあります-

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

これで、グループ名の値が別の変数として保存されました。グループ名の値がいずれかに一致する場合は、それを選択リストの値として設定します。

8
Vipul Sharma
<select (change)='onGroupChange($event)'>
    <option *ngFor="let group of groups" value={{group.group_name}} [selected]="group.group_name==myVariable">
        {{group.group_name}}
    </option>
</select>
6
Michael
<select [(ngModel)]="selectedGroup" (ngModelChange)="onGroupChange($event)">
    <option *ngFor="let group of groups" [value]="group.group_name">
    {{group.group_name}}
    </option>
</select>
6
Hui Shi