如何在选择/单击离子选择选项中的选项时获得回调答案

【问题标题】：how to get callback on selecting/clicking an option in ionic-select-option如何在选择/单击离子选择选项中的选项时获得回调
【发布时间】：2021-03-13 01:49:44
【问题描述】：

离子版本：6.12.3 离子角度：

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

我尝试在 ion-select-option 中给出 (click)="someFunction()" ，但不起作用。有什么解决方法可以实现吗？ onclicking 男性或女性我需要回调（不是在提交或单击确定时）。

【问题讨论】：

我认为应该是 ion-option 而不是 ion-select-option 请检查并告诉我。如果是ion-option，请检查我的答案。最好的祝愿。 :-)
ion-option 在我的版本 6.12.3 @SJNF 中引发 not a known element 错误
好的，等我检查一下
6.12.3 是你的角度版本吗？ @MOHAMEDSIKKANDARAFZALM
不，6.12.3 是我的 ionic 版本，Angular CLI: 9.1.0

标签： angular ionic-framework ion-select

【解决方案1】：

这是我的代码。你可以试试这个 =>
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);
  }

注意：ionChange 和 ngModelChange 都可以正常工作。检查Stackblitz Demo Link。

【讨论】：

ion-option 在我的版本 6.12.3 中引发 not a known element 错误