【问题标题】:<ion-select> - How can I do some action whenever the select dialog is closed<ion -select> - 每当关闭选择对话框时,我该怎么做
【发布时间】:2020-07-25 08:56:58
【问题描述】:

我的 ion-select 中有三个选项来指示卖家对物品的包装, 选项有“OPEN”、“PACKED”、“NOT AVL”。 我想在选择对话框关闭时,只要选择是“PACKED”,就提示用户输入打包项目的数量。如果我捕获事件 ionChange,它只会在选择更改时触发。即使他打开选择对话框并在不更改当前选择的情况下关闭它,我也想触发它。为此,我需要捕获选择对话框的关闭事件。我该怎么做。

<ion-select      
      (ionChange)="onOrderElementStatusChanged(orderElement)"
      [(ngModel)]="orderElement.STATUS"
>
    <ion-select-option *ngFor="let status of orderElementStatus"
         [value]="status">{{status}}</ion-select-option>
</ion-select>

当我使用 ionBlur 时,每次选择都会调用回调两次 这种情况下的代码如下

<ion-select      
      (ionBlur)="onOrderElementStatusChanged(orderElement)"
      [(ngModel)]="orderElement.STATUS"
>
    <ion-select-option *ngFor="let status of orderElementStatus"
         [value]="status">{{status}}</ion-select-option>
</ion-select>

【问题讨论】:

    标签: ionic-framework


    【解决方案1】:

    根据离子选择的文档:https://ionicframework.com/docs/api/select#events,您可以使用(ionBlur) 事件。

    我更新了你的代码:

    <ion-select
          (ionBlur)="onBlur()"
          (ionChange)="onOrderElementStatusChanged(orderElement)"
          [(ngModel)]="orderElement.STATUS"
    >
        <ion-select-option *ngFor="let status of orderElementStatus"
             [value]="status">{{status}}</ion-select-option>
    </ion-select>
    

    【讨论】:

    • 谢谢。但是,如果您不更改当前选择,则不会调用任何一个。
    • @3mr 查看我编辑的答案。我误解了你的问题。当用户失去对 ion-select 组件的关注时触发 ionBlur 事件
    • 谢谢。我试过这个。但是当你点击时它会连续触发两次
    • 你能分享你更新的代码吗?因为这不应该被触发两次
    • 谢谢。请参阅原始问题的更新代码
    猜你喜欢
    • 1970-01-01
    • 2012-02-11
    • 1970-01-01
    • 2017-05-05
    • 1970-01-01
    • 2019-11-10
    • 2011-05-11
    • 2022-06-10
    • 2018-11-30
    相关资源
    最近更新 更多