Angular JS & Phonegap 后退按钮事件

Question

我有一个 MainCtrl 包含历史的 backstack，像这样；

$scope.urlHistory = [];

$scope.$on('$routeChangeSuccess', function () {
    if ($location.$$absUrl.split('#')[1] !== $scope.urlHistory[$scope.urlHistory.length - 1]) {
        $scope.urlHistory.push($location.$$absUrl.split('#')[1]);
    }
});

然后，在同一个控制器中，我有一个 GoBack() 函数，我想在按下后退按钮时调用它；

$scope.goBack = function () {
    $scope.urlHistory.pop();
    $location.path($scope.urlHistory[$scope.urlHistory.length - 1]);
};

这应该可以工作，因为从我的 index.html 中我用 ng-click="goBack()" 调用它，并且一切都按预期工作。

我将它用于设备事件，同一个控制器；

function onBackKeyDown() {
  alert("back");
  $scope.goBack();
}

document.addEventListener("deviceready", onDeviceReady, false);
// device APIs are available
//
function onDeviceReady() {
  // Register the event listener
  alert("deviceready");
  document.addEventListener("backbutton", onBackKeyDown, false);
};

我可以看到警报，但应用程序没有返回。但是发生了一些事情，因为如果我按设备返回按钮两次，ng-click="goBack()" 突然将我带回应用程序的起始页面。我使用 $scope 错了吗？在 Win Phone 和 Android 上体验这一点。使用 Phonegap 构建。

编辑：我真正想要的是为什么我的 $scope.goBack();从 devicelistener 调用时，函数的工作方式不同。

Answer 1

这解决了它：

  $scope.goBack = function () {
    if (urlHistory == '/') { 
      document.removeEventListener("backbutton", onBackKey, false);

    };    
    urlHistory.pop();
    $location.path(urlHistory[urlHistory.length - 1]);
    $scope.$apply();
  };

范围.$apply();是我的答案。在 Angular 之外执行 Angular 表达式时，这是必要的。 (AngularJS $location not changing the path)

Answer 2

您应该能够为此使用浏览器的内置历史对象。例如：

function onDeviceReady() {
    document.addEventListener("backbutton", function () {
        window.history.go(-1);
    });
}

你不应该仅仅因为你使用 angular 就需要做任何特定的事情。除非我错过了其他东西......

更新：查看phonegap docs 后，默认的backbutton 行为似乎已经满足了您的需求......或者您是否正在尝试做一些特别的事情？