将离子选择选项传递给功能 - Ionic 4答案

【问题标题】：Pass ion-select-option to function - Ionic 4将离子选择选项传递给功能 - Ionic 4
【发布时间】：2019-05-02 06:37:22
【问题描述】：

我有这个Ionic 版本 4 代码，它只是试图获取一个选定的值并将其传递给它的组件中的一个函数：

<ion-item>
<ion-label>Convert Currency</ion-label>
<ion-select [(ngModel)]="currency">
<ion-select-option *ngFor="let c of currencyData" [value] = "c" >{{c.text}}</ion-select-option>
</ion-select>

我试过onChange，但这显然不在版本 4 中。

【问题讨论】：

标签： angular ionic-framework ionic4

【解决方案1】：

您可以使用 ionChange 传递选定的值，如下所示：

     <ion-select (ionChange)="checkValue($event)"  interface="popover" 
      placeholder="Select One" >
        <ion-select-option *ngFor="let c of currencyData" [value]="c"> 
       {{c.text}}</ion-select-option>
 </ion-select>

在您的打字稿中：

checkValue(event){ console.log(event.detail.value)}

【讨论】：

【解决方案2】：

您正在寻找ionChange

  <ion-select [(ngModel)]="currency" (ionChange)="yourFunction($event)">

【讨论】：

ionChange 确实成功触发。你知道如何将选中的值传递给函数吗？
只是传递货币