angolare selezionare l'opzione 2 ngModelChange, afferrare una proprietà specifica

Question

ho una discesa sotto forma di selezione in angolare 2.

Attualmente: Quando seleziono un'opzione il option name viene passato nella mia funzione onChange come $event

Cercasi: Quando seleziono un'opzione, desidero passare workout.id nella mia funzione onChange.

Come posso ottenere quello?

<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> 

O

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

check this

Answer 2

si potrebbe anche usare [ngValue] all'interno opzione:

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