如何在 ionic-select-option 中选择/单击选项时获得回调

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

提问人:MOHAMED SIKKANDAR AFZAL M 提问时间:3/13/2021 最后编辑:Tomislav StankovicMOHAMED SIKKANDAR AFZAL M 更新时间:9/20/2022 访问量:1216

问:

离子版本: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>

我试着屈服,但没有奏效。 有什么解决方法可以实现的吗?点击男性或女性时,我需要回调(不是在提交或单击确定时)。(click)="someFunction()"ion-select-option

框架离子选择

评论

0赞 Srijon Chakraborty 3/13/2021
我认为它应该而不是请检查它并让我知道。如果是,请检查我的答案。愿你安好。:-)ion-optionion-select-optionion-option
0赞 MOHAMED SIKKANDAR AFZAL M 3/15/2021
ion-option 在我的 6.12.3 版中抛出一个未知元素错误@SJNF
0赞 Srijon Chakraborty 3/15/2021
好的,等等,让我检查一下
0赞 Srijon Chakraborty 3/15/2021
6.12.3 是你的 Angular 版本吗?@MOHAMEDSIKKANDARAFZALM
0赞 MOHAMED SIKKANDAR AFZAL M 3/15/2021
不,6.12.3 是我的离子版本,而 Angular CLI:9.1.0

答:

0赞 Srijon Chakraborty 3/13/2021 #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);
  }

注意:两者都工作正常。查看 Stackblitz 演示链接ionChangengModelChange

评论

0赞 MOHAMED SIKKANDAR AFZAL M 3/15/2021
ion-option 在我的版本 6.12.3 中没有抛出已知元素错误
0赞 hoffmanuel 5/12/2022
对于 Ionic 6(可能更早),Ion-select 的正确选项元素不再是 ion-option,而是 ion-select-option