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

时间:2017-09-19 17:50:45

标签: javascript html angular typescript

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

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

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

2 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:5)

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