Angular4 - 如何动态设置选择选项值

Vip*_*rma 8 html javascript typescript angular

我有一个包含代码的选择列表 -

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

现在我将组名值保存为另一个变量,如果匹配任何变量,我想将其设置为选择列表值.

小智 6

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


小智 6

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