javascript - Angular JS 应用程序设备后退按钮必须有确认对话框

Question

我正在做一个 AngularJS 移动应用程序，它有一些模块。我需要在我的应用程序中访问设备的后退按钮，对话框必须有“确定”和“取消”。

1. 单击“确定”后，必须关闭应用程序。
2. 单击“取消”时，必须关闭对话框或返回 false。

我尝试了很多方法，都无法得到预期的结果。请有人建议我解决这个问题。我喜欢以任何可能的方式完成这件事。请看我在 Stack Overflow 中的另一个问题。我已经给出了这个问题中使用的一些编码。

AngularJS device back button not working.?

Answer 1

我更喜欢使用$ionicPlatform.registerBackButtonAction并检查 View 之间是否有导航历史记录(登录页面除外):

$ionicPlatform.registerBackButtonAction(function (e) {
    if ($ionicHistory.backView() && $ionicHistory.backView().stateName != "login") {
        // history back except login page
        $ionicHistory.goBack();
    } else {
        var confirmPopup = $myPopup.confirm({
                cssClass: 'center-txt-popup',
                title: '<b>Closing app</b>',
                template: "Do you want to exit?"
            });
        confirmPopup.then(function (close) {
            if (close) {
                navigator.app.exitApp();
            }
        });
    }
    e.preventDefault();
    return false;
}, 101); // 1 more priority than back button