获得离子选择的选项 [英] get ion-select selected option

问题描述

我正在尝试从离子选择元素中获取值， 这是下面的代码:

I"m trying to get the value from a select element in ionic, here is the code below:

<ion-content padding style="direction:rtl;">
  <ion-list>
    <ion-item>
      <ion-label>בחר מטבע:</ion-label>
      <ion-select #selectCurrencyInput okText="אשר" cancelText="בטל" ionChange="alert(this.value)">
        <ion-option value="BGN">BGN</ion-option>
        <ion-option value="BRL">BRL</ion-option>
        <ion-option value="CAD">CAD</ion-option>
        <ion-option value="CHF">CHF</ion-option>
        <ion-option value="CNY">CNY</ion-option>
        <ion-option value="CZK">CZK</ion-option>
        <ion-option value="DKK">DKK</ion-option>
        <ion-option value="GBP">GBP</ion-option>
        <ion-option value="HKD">HKD</ion-option>
        <ion-option value="HRK">HRK</ion-option>
        <ion-option value="HUF">HUF</ion-option>
        <ion-option value="IDR">IDR</ion-option>
        <ion-option value="ILS">ILS</ion-option>
        <ion-option value="INR">INR</ion-option>
        <ion-option value="JPY">JPY</ion-option>
        <ion-option value="KRW">KRW</ion-option>
        <ion-option value="MXN">MXN</ion-option>
        <ion-option value="MYR">MYR</ion-option>
        <ion-option value="NOK">NOK</ion-option>
        <ion-option value="NZD">NZD</ion-option>
        <ion-option value="PHP">PHP</ion-option>
        <ion-option value="ZAR">ZAR</ion-option>
        <ion-option value="PLN">PLN</ion-option>
        <ion-option value="RON">RON</ion-option>
        <ion-option value="RUB">RUB</ion-option>
        <ion-option value="SEK">SEK</ion-option>
        <ion-option value="SGD">SGD</ion-option>
        <ion-option value="THB">THB</ion-option>
        <ion-option value="TRY">TRY</ion-option>
        <ion-option value="USD">USD</ion-option>
      </ion-select>
    </ion-item>
    <ion-item>
      <ion-label>כמות לחישוב</ion-label>
      <ion-input #amountCurrencyInput type="text"></ion-input>
    </ion-item>
    <ion-item>
      <button ion-button (click)="calc(
        {
          selectedCurrency:selectCurrencyInput.value,
          amountCurrency:amountCurrencyInput.value
        })">חשב מטבע</button>
    </ion-item>
  </ion-list>
</ion-content>

如您所见，我将离子选择标记为#selectCurrencyInput 并将其发送到对象中的函数calc.

as you can see I mark the ion-select as #selectCurrencyInput and send it to the function calc in object.

我正在尝试使用功能.value来获取其值， 结果不确定，我得到了ion-input的值，所以我猜离子选择中有问题或不理解.

I am trying to get its value using the function .value, and the result is undefined, I get the value of the ion-input so I guess something is wrong in the ion-select or I dont understand it.

THX:)

推荐答案

尝试在ion-select中绑定到模型上的var:

Try binding to a var on the model in ion-select:

<ion-select [(ngModel)]="toppings" multiple="true">

这篇关于获得离子选择的选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！