Angular 2 ngModelChange选择选项,获取特定属性

Question

我有一个角度2的下拉选择表格.

目前:当我选择一个选项时,option name会将其传递给我的onChange函数$event

通缉:当我选择一个选项时,我想workout.id进入我的onChange功能.

我怎样才能做到这一点？

<select class="form-control" [ngModel]="selectedWorkout" (ngModelChange)="onChange($event)">
    <option *ngFor="#workout of workouts">{{workout.name}}</option>
</select>

Controller

onChange(value){
  alert(JSON.stringify(value));
}

Answer 1

<select class="form-control" [ngModel]="selectedWorkout" (ngModelChange)="onChange($event)">
    <option *ngFor="#workout of workouts" [value]="workout.id">{{workout.name}}</option>
</select>

要么

<select class="form-control" [(ngModel)]="selectedWorkout" (change)="onChange($event.target.value)">
    <option *ngFor="#workout of workouts" [value]="workout.id" >{{workout.name}}</option>
</select>

检查一下