CODEWITHSUNDEEP
angularionic-frameworkion-select
MOHAMED SIKKANDAR AFZAL M
MOHAMED SIKKANDAR AFZAL M

Reputation: 121

how to get callback on selecting/clicking an option in ionic-select-option

ionic verison : 6.12.3 ionic-angular:

<ion-select (ionChange)="onChange($event,item,'a')"> 
     <ion-select-option value="f" >Female</ion-select-option>
     <ion-select-option value="m" >male</ion-select-option>
</ion-select>

I tried giving (click)="someFunction()" in ion-select-option, but not working. any workaround to achieve? onclicking male or female i need a callback(not on submiting or clicking ok).

Upvotes: 0

Views: 1570

Answers (1)

Srijon Chakraborty
Srijon Chakraborty

Reputation: 2164

Here is my code. You can try this =>
HTML:

<ion-select [(ngModel)]="myProp" (ngModelChange)="ngMode($event)" (ionChange)="ionChangeEvent($event)" placeholder="Please Select State">
    <ion-option  value="0" >Female</ion-option>
    <ion-option  value="1">Male</ion-option>
    <ion-option  value="2">Other</ion-option>
</ion-select>

TS:

 myProp:any;
  ionChangeEvent($event){
    console.log("From Ioc Change:"+$event);
    //console.log(this.myProp);
  }
  ngMode($event){
    console.log("From ngModel Change:"+$event);
    //console.log(this.myProp);
  }

Note: Both ionChange and ngModelChange is working fine. Check Stackblitz Demo Link.

Upvotes: 0

Related Questions