ionic 使用ion-select组件获取value和text

如题:

<ion-select  (ionChange)="getDealerName($event)" [(ngModel)]="getSelectedValue">
      <ion-option *ngFor="let some of someItems" value="{{some.name}}"> {{some.value}} </ion-option>
</ion-select>

想要获取select选中的value以及text;如上,使用了数据的双向绑定,此时 getSelectedValue的值即为{{some.name}}的值,包括getDealerName(e)函数获取到的值也是{{some.name}}里面的值(这里不明白为啥$event事件拿到的是选中的值,也许和ngModel的数据绑定有关),怎么都取不到值

以下为我的获取方法:

<ion-select  (ionChange)="getDealerName($event)" >
      <ion-option *ngFor="let some of someItems" [value]="some"> {{some.value}} </ion-option>
</ion-select>

红色为修改过地方,这样绑定的value值就是整个some对象,此时就可以获取到some里面的所有值,包括value,text以及some里面的其他值。

或者直接把getDealerName($event)里$event直接换成some应该也是可以的,本身传过去的值就是对象本身;




猜你喜欢

转载自blog.csdn.net/ducp123/article/details/80079685