javascript - ionic 3 : Close modal with phone's back button

Question

我尝试在我的 Ionic 应用程序中覆盖手机的后退按钮。

如果我不在页面中，此代码允许我打开一个模式来关闭应用程序，否则关闭页面。

但这不允许我关闭打开的模式。如何检测我是否处于关闭模式？

platform.registerBackButtonAction(() => {

      let nav = app.getActiveNav();
      let activeView: ViewController = nav.getActive();
      console.log(activeView);

      if(activeView != null){
        if(nav.canGoBack()) {
          activeView.dismiss();
        } else{
          let alert = this.alertCtrl.create({
            title: this.pdataManager.translate.get("close-app"),
            message: this.pdataManager.translate.get("sure-want-leave"),
            buttons: [
              {
                text: this.pdataManager.translate.get("no"),
                handler: () => {
                  this.presentedAlert = false;
                },
                role: 'cancel',
              },
              {
                text: this.pdataManager.translate.get("yes"),
                handler: () => {
                  this.presentedAlert = false;
                  this.platform.exitApp();
                }
              }
            ]
          });
          if(!this.presentedAlert) {
            alert.present();
            this.presentedAlert = true;
          }
        }
      }
    });
  }

Answer 1

1.导入IonicApp:

import {IonicApp } from 'ionic-angular';

2.添加到你的构造函数:

  private ionicApp: IonicApp

3.在您的platform.registerBackButtonAction 中添加:

let activeModal=this.ionicApp._modalPortal.getActive();
if(activeModal){
     activePortal.dismiss();
      return;
   }

我在这里找到了答案: https://github.com/ionic-team/ionic/issues/6982