Angular 获取并选择所选选项

Angular 获取并选择所选选项,angular,ionic2,Angular,Ionic2,我试图从爱奥尼亚的选择元素中获取值, 代码如下: <ion-content padding style="direction:rtl;"> <ion-list> <ion-item> <ion-label>בחר מטבע:</ion-label> <ion-select #selectCurrencyInput okText="אשר" cancelText="בטל" ionChange="

我试图从爱奥尼亚的选择元素中获取值, 代码如下:

<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 in对象

我试图使用函数获取它的值。value, 结果是未定义的,我得到了离子输入的值,所以我猜离子选择有问题,或者我不明白


THX:

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

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

尝试绑定到ion select中模型上的变量:

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

离子选择就像选择一样工作。您必须使用select元素绑定模型,该元素将绑定所选选项的值


离子选择就像选择一样工作。您必须使用select元素绑定模型,该元素将绑定所选选项的值


我应该提到多重属性仅当您想允许多重选择时。是的,当然我知道:也许您可以在这里帮助我,我应该提到多重属性仅当您想允许多重选择时。是的,当然我知道:也许您可以在这里帮助我,