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

前端之家收集整理的这篇文章主要介绍了Angular 2 ngModelChange选项,获取特定属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个下拉选择形式在角度2.

目前:当我选择一个选项时,选项名称将作为$event传入我的onChange函数

想要:当我选择一个选项时,我想将workout.id传递到我的onChange函数中.

我该如何实现呢?

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

调节器

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

要么

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

check this

猜你在找的Angularjs相关文章