无法从 Ionic 中的 ion-select 获得 selected 值

Question

我正在尝试从 ion-select
中获取 selected 选项值，但是当我 select 从 ion-select 中获取任何值时我得到 Undefined 值，因为我是 ionic
的新手，我无法自行对其进行排序。

HTML:

<ion-item>
   <ion-label>Quantity</ion-label>
   <ion-select [(ngModel)]="number"  
     (ionChange)="onChange(carbrand)" >
      <ion-option *ngFor="let count of quantity" 
       [value]="count" >{{count}}</ion-option>
      </ion-select>
   <!-- <ion-select [(ngModel)]="number">
      <ion-option *ngFor="let count of quantity" 
      value="count"></ion-option>
   </ion-select> -->
</ion-item>

Home.ts :

onChange(SelectedValue){ 
  console.log("Selected Quantity", SelectedValue); 
}

Answer 1

那是因为 onChange 正在发送您的 carbrand，这可能是未定义的。您需要做的是使用您必须声明如下的 class 属性号码：

onChange(){
    console.log("Selected Quantity", this.number); 
}

并删除 carbrand 除非它在模板中有值或作为 class 属性

Answer 2

您还可以使用其他两种方法。

1 - 将 $event 传递给您的函数：

Html:

<ion-item>
    <ion-label>Quantity</ion-label>
    <ion-select [(ngModel)]="number" (ionChange)="onChange($event)" >
      <ion-option *ngFor="let count of quantity" value="count"></ion-option>
    </ion-select>
    <!-- <ion-select [(ngModel)]="number">
      <ion-option *ngFor="let count of quantity" value="count"></ion-option>
    </ion-select> -->
</ion-item>

TS:

onChange(value){
  console.log(value);
}

2 - 在您的 select 元素中使用 ID：

Html:

<ion-item>
    <ion-label>Quantity</ion-label>
    <ion-select #S [(ngModel)]="number" (ionChange)="onChange(S.value)" >
      <ion-option *ngFor="let count of quantity" value="count"></ion-option>
    </ion-select>
    <!-- <ion-select [(ngModel)]="number">
      <ion-option *ngFor="let count of quantity" value="count"></ion-option>
    </ion-select> -->
</ion-item>

TS:

onChange(value){
  console.log(value);
}

希望对您有所帮助！

无法从 Ionic 中的 ion-select 获得 selected 值

Unable to get selected value from ion-select in Ionic

typescript

ionic-framework

ionic2

ionic3

angular