Question

我使用了<ion-select>上的弹出界面来显示弹出窗口。在Android设备中，如果用户点击ion-select但未选择任何选项并单击硬件后退按钮，则它将移至上一个视图，但仍可以看到弹出界面。请帮忙。

<ion-select interface="popover" [(ngModel)]="item.productType" placeholder="Please select" multiple="false" ionChange="onChange($event)" >
    <ion-option *ngFor="let opt of options" [value]="opt.value">{{opt.label}}</ion-option>
</ion-select>

Answer 1

在模式页面中定义页面名称。

pageName = "ModalPage";

然后在 app.component.ts

中注册后退按钮

    this.platform.registerBackButtonAction(() => {
        let nav = this.app.getActiveNav();
        let view = nav.getActive().instance.pageName;

        if (view == 'ModalPage') {
            let activeView: ViewController =  nav.getActive();
            activeView.dismiss();
       } else {
          this.nav.pop();
      }
    }

基本上，它将注册您的设备后退按钮以在打开特定模式时执行操作。

随时发表评论以寻求更多帮助：）

ion-select popover界面未在硬件后退按钮操作中隐藏

1 个答案: