PopOverPage 不会在后退按钮上关闭

Question

我正在使用 Ionic 3 实现一个 Android 应用程序，我使用这个 guide 创建一个 PopOverPage 或菜单。一切正常，除了当用户单击弹出窗口时，即使您单击将您带到上一页的后退按钮，它也会保持打开状态。任何人都可以帮助我使用本指南对其进行一些修改以允许在按下后退按钮时关闭弹出窗口吗？

Answer 1

下面的代码应该写在你调用弹出窗口的页面上：

import { IonicApp } from 'ionic-angular';

class Something {

constructor( private ionicApp: IonicApp) {}

 ionViewWillLeave() {

  this.closeModals();  
}

   private closeModals() {

      let activePortal = this.ionicApp._loadingPortal.getActive() ||
      this.ionicApp._modalPortal.getActive() ||
      this.ionicApp._toastPortal.getActive() ||
      this.ionicApp._overlayPortal.getActive();

    if (activePortal) {
      activePortal.dismiss();
    }
  }

}

PopOverPage 不会在后退按钮上关闭

PopOverPage does not close on back button

back-button

popover

ionic3