首页 文章

获取离子选择选项

提问于
浏览
0

我试图从离子中的选择元素中获取值,这是下面的代码:

<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>

如你所见,我将ion-select标记为 #selectCurrencyInput 并将其发送到object中的函数calc .

我试图使用函数 .value 得到它的值,结果是未定义的,我得到了 ion-input 的值所以我想在离子选择中有问题或者我不理解它 .

谢谢 :)

2 回答

  • 0

    尝试在离子选择中绑定到模型上的var:

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

  • 2

    ion-select就像select一样工作 . 您必须使用将绑定所选选项值的select元素绑定模型

相关问题