Невозможно получить выбранное значение от ion-select в Ionic

Question

Я пытаюсь получить выбранный параметр Значение из ion-select
, но когда я выбираю любое значение из ion-select, я получаю Неопределенное значение, так как я новичок в ionic
Iне смог разобрать его самостоятельно.

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

Вы также можете использовать два других подхода.

1 - передать $ событие вашей функции:

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 - используйте идентификатор в элементе выбора:

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);
}

Надеюсь, это поможет!

Answer 2

потому что onChange отправляет ваш carbrand , который, вероятно, не определен. Вам нужно использовать номер свойства класса, который вы должны объявить следующим образом:

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

И удалите carbrand , если он не имеет значения в шаблоне или в качестве свойства класса