如何处理（离子选择）OK按钮？

Posted 2023-03-13

【中文标题】如何处理（离子选择）OK按钮？

【英文标题】：How to handle (ion select) OK Button?

【发布时间】：2019-01-02 03:41:31

【问题描述】：

我有一个离子选择指令，想要处理“确定”按钮，当我点击该按钮时，它应该去调用一些函数。

我知道我们有 (ionChange) 但这一项仅在我更改选定元素时完成。

提前致谢。

【问题讨论】：

选择与按钮有什么关系？你能编写一个按钮并调用一个函数吗？

@nvoigt 我没有收到你的评论。

您遇到了什么问题？你能做什么，你有什么问题？您可以在页面上放置一个按钮并在没有选择元素的情况下在单击时调用方法吗？您对连接到上述选择元素的按钮有何问题？

(ionChange)=“onChange($event)” 应该可以解决问题。按下确定按钮时它应该触发。您是否仅在 ion-select 中使用 ion-options？

(ionChange) 当我在所选项目之间进行更改时处理。如果我不更改所选项目，它将不会调用我想调用的函数@Sam

【参考方案1】：

您可以简单地执行以下操作：

html:

<ion-select id="something" name="something" [(ngModel)]="something"  (ionChange)="something($event)" data-live-search="true">
        <ion-option *ngFor="let s of something" [value]="s.id">s.name</ion-option>
    </ion-select>
    <ion-button (click)= "clicked()" >Hit Me!</ion-button>

ts：

clicked()
  //call your function 
  //use this.lastSelected for your function.



something($event) = 
   this.lastselected = $event.target.value;

【参考方案2】：

离子 5+/Angular 12+

这对我有用：

 <ion-select formControlName="status" (ionCancel)="cancel()" (ionChange)="ok($event)">
    <ion-select-option value="sold">Sold</ion-select-option>
    <ion-select-option value="lost">Lost</ion-select-option>
 </ion-select>