首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >(ionSelect)不调用离子选择选项

(ionSelect)不调用离子选择选项
EN

Stack Overflow用户
提问于 2020-04-17 07:17:21
回答 1查看 698关注 0票数 0

我正在尝试从下拉列表中获取所选item的索引值。

为了做到这一点,我正在尝试这样的代码:

代码语言:javascript
代码运行次数:0
运行
复制
  <ion-select  okText="Okay" cancelText="Dismiss" [(ngModel)]="dropdown1" (ionChange)="onSelectChange($event)" >
    <ion-select-option *ngFor="let list of goalList;let i=index;" (ionSelect)=" myfun(); myIndex = i" value="{{list.docid}}">
      {{list.personalEmail}}
    </ion-select-option>
  </ion-select>

我从来没有得到myIndex号码,所以我通过添加一个function进行测试。该函数从未被调用。

我搜索并找到了这个解决方案,但它正在为Ionic 3开发Ionic 3,但这并不适用于Ionic 4中的ion-select-option

EN

回答 1

Stack Overflow用户

发布于 2020-04-17 08:20:35

一个选项是将ion-select-option值设置为下面的带有docid和索引的对象,这样,带有docid和索引的对象将绑定到ngModel,并且可以在ionChange event.detail.value上访问

代码语言:javascript
代码运行次数:0
运行
复制
<ion-select okText="Okay" cancelText="Dismiss" [(ngModel)]="dropdown1" (ionChange)="onSelectChange($event)">
    <ion-select-option *ngFor="let list of goalList;let i=index;" [value]="{docid:list.docid,index:i}">
      {{list.personalEmail}}
    </ion-select-option>
</ion-select>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61265994

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档