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

最新推荐文章于 2022-11-18 15:21:43 发布

zoroDcup

最新推荐文章于 2022-11-18 15:21:43 发布

阅读量7.6k

点赞数

分类专栏： ionic 文章标签： ionic ion-select value text

本文链接：https://blog.youkuaiyun.com/ducp123/article/details/80079685

版权

ionic 专栏收录该内容

25 篇文章

订阅专栏

本文探讨在Ionic应用中如何有效地从ion-select组件中获取选中的value和text。通过数据双向绑定，作者发现`$event`事件默认只返回选中项的值，而非整个对象。通过修改绑定方式，将value设置为整个some对象，从而能获取到所有相关值，包括value、text等。此外，直接在getDealerName()函数中使用some对象也是可行的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如题：

<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应该也是可以的，本身传过去的值就是对象本身；