【问题标题】:get ion-select selected option得到离子选择选择的选项
【发布时间】:2019-07-27 16:52:56
【问题描述】:

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

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

我正在尝试使用函数.value 获取它的值, 结果是未定义的,我得到了ion-input 的值,所以我猜离子选择有问题或者我不明白。

谢谢 :)

【问题讨论】:

    标签: angular ionic2


    【解决方案1】:

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

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

    【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 2021-05-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-12-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-12-02
      相关资源
      最近更新 更多