提问人:MOHAMED SIKKANDAR AFZAL M 提问时间:3/13/2021 最后编辑:Tomislav StankovicMOHAMED SIKKANDAR AFZAL M 更新时间:9/20/2022 访问量:1216
如何在 ionic-select-option 中选择/单击选项时获得回调
how to get callback on selecting/clicking an option in ionic-select-option
问:
离子版本: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
#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 演示链接。ionChange
ngModelChange
评论
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
评论
ion-option
ion-select-option
ion-option