AngularJS后退按钮

Question

我正在使用Phonegap和AngularJS制作Android应用程序.我正在尝试创建一个按钮,用作"取消"和"后退"按钮,这基本上只是点击浏览器的"后退"按钮.

这是取消按钮的一些示例HTML:

<a href="#" ng-click="goBack()" class="button--cancel weight--bold vertical-align--middle text-center">cancel</a>

这是该页面的控制器,带有goBack()按钮:

function NewOccasionCtrl($scope, $window) {
    $scope.$window = $window;
    $scope.goBack = function() {
      $window.history.back();
    };
}

这不会引发错误,但也不起作用......模拟器仍保留在同一页面上.没有$scope.$window = $window它会抛出错误.我希望在不必创建/使用指令的情况下实现功能性"后退"按钮,因为据我所知,然后实现模板和我不需要/想要的东西.

有没有办法做到这一点？谢谢

Answer 1

我使用指令使后台功能可重用.这是我的最终代码:

HTML:

<a href back-button>back</a>

使用Javascript:

app.directive('backButton', function(){
    return {
      restrict: 'A',

      link: function(scope, element, attrs) {
        element.bind('click', goBack);

        function goBack() {
          history.back();
          scope.$apply();
        }
      }
    }
});