在离子框架中控制硬件后退按钮答案

【问题标题】：Control hardware back button in ionic framework在离子框架中控制硬件后退按钮
【发布时间】：2015-10-26 18:10:45
【问题描述】：

我想控制离子框架中“按下硬件后退按钮”的事件。这是我的代码。为什么它不起作用？谢谢

.run(function ($ionicPlatform) {
        $ionicPlatform.ready(function () {
            if (window.StatusBar) {
                StatusBar.styleDefault();
            }

            $ionicPlatform.registerBackButtonAction(function (event) {
                event.preventDefault();
                event.stopPropagation();
                alert("Stop");
            }, 100);
        });
    })

我也尝试了其他解决方案：

    .run(function ($ionicPlatform) {
        $ionicPlatform.ready(function () {
            if (window.StatusBar) {
                StatusBar.styleDefault();
            }
        });

        $ionicPlatform.registerBackButtonAction(function (event) {
                event.preventDefault();
                event.stopPropagation();
                alert("Stop");
            }, 100);
    })

但还是不行

谢谢

【问题讨论】：

标签： angularjs ionic-framework ionic back-button back-button-control

【解决方案1】：

这就是你想要的？：

$ionicPlatform.registerBackButtonAction(function(e){
    e.preventDefault();
    return false;
}, 101);

归功于：mircobabini/Angular.Ionic.HardwareBackButtonManager.js https://gist.github.com/mircobabini/689955216a036544d594

【讨论】：

对我不起作用。我正在做一个非常小的 webapp，它有三个步骤的流程，当你进入下一步时，你应该无法返回。当我单击带有ng-href="#/another page" 的项目时，然后按物理后退按钮，它仍然会返回。还有其他建议吗？我几乎正在考虑用几个布尔值重写app.js 上的$stateProvider 调用，这样它就不会手动回到以前的状态。
我也试过this，但没有成功。

【解决方案2】：

在基于 cordova 的应用程序 (Ionic) 中，可以使用以下三种方法来覆盖硬件后退按钮。

onHardwareBackButton
offHardwareBackButton
registerBackButtonAction

查看http://www.codeexpertz.com/blog/mobile/override-hardware-back-button-cordova-based-application-ionic了解详情

【讨论】：