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

Question

我有这个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中。

Answer 1

您正在寻找 ionChange

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

Answer 2

您可以使用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>

在您的typeScript中：

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