Question

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

<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 并将其发送到object中的函数calc。

我正在尝试使用函数.value获取其值，并且结果是未定义的，我得到了ion-input的值，所以我想在离子选择中出现了问题，或者我不理解它。

THX：）

Answer 1

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

＆lt; ion-select [（ngModel）] =＆＃34; toppings＆＃34;多个=＆＃34;真＆＃34;＆GT;

Answer 2

离子选择就像选择一样。您必须使用将绑定所选选项值

的select元素绑定模型

获取离子选择选项

2 个答案: