角度2选择设置所选项目

Question

我在Angular 2中有一个select

<select [(ngModel)]="selectedItem">
 <option [ngValue]="'<empty>'"></option>
 <option *ngFor="let e of range" [ngValue]="e.value">{{e.display}}</option>
</select>

请注意，顶部有一个“空”选项。每当用户选择一个选项时，我想处理所选项，然后将第一个空选项设置为选中。我已尝试添加(change)和ngModelChange处理程序，并可将selectedItem设置为我想要的任何值，但不会更改显示的所选选项。

Answer 1

<select [(ngModel)]="selectedItem" (ngModelChange)="processSelectedItem();selectedItem = range[0]">

您也可以将selectedItem = range[0]移至processSelectedItem() { ... }