Tengo un formulario de selección desplegable en angular 2.
Actualmente: cuando selecciono una opción, el option name de la opción pasa a mi función onChange como $event
Se busca: cuando selecciono una opción, me gustaría pasar el workout.id a mi función onChange .
¿Cómo puedo lograr eso?
<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)); }<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>también podría usar [ngValue] dentro de la opción:
<select class="form-control" [ngModel]="selectedWorkout" (ngModelChange)="onChange($event)"> <option *ngFor="#workout of workouts" [ngValue]="workout">{{workout.name}}</option> </select>