您需要在指令中使用链接函数：

link: function(scope, element, attrs) {
     element.on('click', function() {
         $window.history.back();
     });
 }

参见jsFiddle。

Angular 路由会观察浏览器的位置，因此只需window.history.back()单击某些内容即可。

HTML：

<div class="nav-header" ng-click="doTheBack()">Reverse!</div>

JS：

$scope.doTheBack = function() {
  window.history.back();
};

我通常在我的应用程序控制器上创建一个名为“$back”的全局函数，我通常把它放在 body 标签上。

angular.module('myApp').controller('AppCtrl', ['$scope', function($scope) {
  $scope.$back = function() { 
    window.history.back();
  };
}]);

然后在我的应用程序中的任何地方我都可以做 <a ng-click="$back()">Back</a>

（如果您希望它更易于测试，请将 $window 服务注入您的控制器并使用$window.history.back()）。

理想情况下使用一个简单的指令来使控制器免受冗余 $window 的影响

app.directive('back', ['$window', function($window) {
        return {
            restrict: 'A',
            link: function (scope, elem, attrs) {
                elem.bind('click', function () {
                    $window.history.back();
                });
            }
        };
    }]);

像这样使用：

<button back>Back</button>

另外一个不错的和可重复使用的解决方案是建立就像一个指令，这个：

app.directive( 'backButton', function() {
    return {
        restrict: 'A',
        link: function( scope, element, attrs ) {
            element.on( 'click', function () {
                history.back();
                scope.$apply();
            } );
        }
    };
} );

然后像这样使用它：

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

如果它有用......我正在点击“10 $digest() 迭代达到。中止！” 使用 $window.history.back() 时出错；使用 IE9（当然在其他浏览器中工作正常）。

我通过使用它来工作：

setTimeout(function() {
  $window.history.back();
},100);