web-dev-qa-db-ja.com

関数にイオン選択オプションを渡します-Ionic 4

私はこの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にはないようです。

angularionic-frameworkionic4
4
ecain

あなたが探しているionChange

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

次のように、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)}
6
Othmane Daanouni