Question

我在角度2中有一个下拉选择表单。

目前：当我选择一个选项后，echo a[^a]*会被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

Answer 1

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

OR

<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

你也可以在选项中使用[ngValue]：

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

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

2 个答案: