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

Question

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

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

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

Answer 1

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

Answer 2

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