按下移动后退按钮时如何关闭离子弹出窗口

Question

我正在使用离子弹出窗口添加新项目，但是如果按下移动返回选项，则离子弹出窗口不会关闭以及弹出选项转到上一个屏幕。我尝试使用$ ionicPopUp.close（）但它没有不行

function showPopup () {
  $scope.data = {};
  var myPopup = $ionicPopup.show({
    template: '<input type="text" ng-model="data.expensetype">',
    title: 'Enter Expensetype',
    scope: $scope,
    buttons: [
     { text: 'Cancel' },
      {
        text: '<b>Save</b>',
        type: 'button-positive',
        onTap: function (e) {
          if (!$scope.data.expensetype) {
            //don't allow the user to close unless he enters producttype
            e.preventDefault();

          } else {
            addExpenseCategory();
            return $scope.data.expensetype;
          }
        }
      },
    ]
  });
  myPopup.then(function (res) {
    $log.log('Tapped!', res);
  });
}

有人可以告诉我如何在按下移动后退按钮时关闭离子弹出窗口。

Answer 1

您可以使用registerBackButtonAction方法，如下所示：

$ionicPlatform.registerBackButtonAction(function (event) {
myPopup.close();
});

Answer 2

我已经通过使用registerBackButton Action找到了它

$ionicPlatform.registerBackButtonAction(function () {
    myPopup.close();
, 101);

最后一行代表事件优先级：返回上一视图= 100关闭侧面菜单= 150关闭模态= 200关闭操作表= 300关闭弹出窗口= 400关闭加载叠加层= 500。