时间戳

首页 > 解决方案 > - 每当关闭“选择对话框”时，我该怎么做

ionic-framework - - 每当关闭“选择对话框”时，我该怎么做

问题描述

我的 ion-select 中有三个选项来指示卖家对物品的包装，这些选项是“打开”、“包装”、“未 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

解决方案

根据 ion-select 的文档：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>

推荐阅读