Angular4 - Comment définir dynamiquement la valeur d'une option de sélection

Question

J'ai une liste de sélection avec le code -

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

Maintenant, j'ai une valeur de nom de groupe enregistrée en tant que variable différente et je veux la définir comme valeur de liste de sélection si elle correspond à une.

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>