3

我有使用 ionicframework 和 cordova 完成的应用程序。在我的应用程序中，我要求如果用户按下后退按钮，那么我需要忽略它。但只有在用户第三次按下它之后，它才会关闭应用程序。

以前的项目是使用 phonegap 和 jquery 完成的，并且相同的代码可以工作。当我抛出异常时，我做了一些小的解决方法，然后它的应用程序在不应该关闭的时候没有关闭。

 document.addEventListener("backbutton", function (e) {
        if (new Date() - firstDateClick > 1000) {
            firstDateClick = new Date();
            totalClicks = 1;
        } else {
            totalClicks++;
            if (totalClicks >= 3) {
                var answer = confirm('Are You Sure You Want Exit');
                if (answer) {
                    var service = angular.injector(['ng', 'starter.services']).get('DanceService');
                    service.logEvent("exit")
                        .then(function () {
                            alert('exit1')
                            if (navigator.app) {
                                navigator.app.exitApp();
                            }
                            else if (navigator.device) {
                                navigator.device.exitApp();
                            }

                        })
                } else {
                    totalClicks = 1;
                }
            }
        }
        throw "ignore"
    });

但我不喜欢抛出异常的想法。

4

2 回答 2

0

在从应用程序注销之前，我进行了两次控制。因此，用户可以按一次，然后会出现一个带有文本“再次按退出”和第二次按 -> 注销的祝酒词。

这是我的服务：

    var deregisterFunction = null;

    return {
        disableBack: disableBack,
        registerAction: registerAction,
        goHome: goHome,
        goBack: goBack,
        deregisterAction: deregisterAction,
        closeApp: closeApp
    };

    function disableBack() {
        deregisterFunction = angular.copy($ionicPlatform.registerBackButtonAction(null, 101));
    }

    function registerAction(cb, priority) {
        deregisterFunction = angular.copy($ionicPlatform.registerBackButtonAction(cb, priority));
    }

    function deregisterAction() {
        if (deregisterFunction) {
            deregisterFunction();
        }
        goBack();//default behaviour
    }

    function goHome() {
        deregisterFunction = angular.copy($ionicPlatform.registerBackButtonAction(function() {
            $state.go('app.home');
        }, 101));
    }

    function goBack() {
        deregisterFunction = angular.copy($ionicPlatform.registerBackButtonAction(function() {
            $ionicHistory.goBack();
        }, 101));
    }

    function closeApp() {
        deregisterFunction = angular.copy($ionicPlatform.registerBackButtonAction(function() {
            ionic.Platform.exitApp();
        }, 101));
    }

这是我的 utils 服务：

    var service = {
      logoutToast: logoutToast,
      resetToastCount: resetToastCount
    };

    var toastCount = 0;

    return service;

    function resetToastCount() {
      toastCount = 0;
    }

    function logoutToast() {
      switch (toastCount) {
        case 0:
          $cordovaToast.show('Press again to log out', 'short', 'bottom');
          toastCount++;
          break;
        case 1:
          toastCount = 0;
          //logout
          break;
        default:
          $cordovaToast.show('Error', 'short', 'bottom');
      }
    }

}
}());

所以在我的控制器中，我有这个来注册我的服务的操作：

$scope.$on('$ionicView.afterEnter', backButtonService.registerAction(utils.logoutToast, 101));

这用于重置我想要的计数：

$scope.$on('$ionicView.afterEnter', utils.resetToastCount());

这用于在我导航时取消注册我的操作：

$scope.$on('$stateChangeStart', backButtonService.deregisterAction);

希望这会帮助你:)

于 2016-10-26T13:01:17.227 回答
0

禁用 Ionic/Cordova 上的后退按钮

$ionicPlatform.registerBackButtonAction(null, 101);
于 2019-04-22T21:38:13.727 回答