angular - 无法从 Ionic 中的 ion-select 获得选定的值

Question

我试图从 ion-select 中获取所选选项 Value 但是当我从 ion-select 中选择任何值时，我得到 未定义 值，因为我是 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>

首页.ts :

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

Answer 1

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

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

网址:

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

:

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

2 - 在您的选择元素中使用 Id:

网址:

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

:

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

希望能帮助到你!