如何实现历史。有角度的后退（）。js

Question

我有指令，这是网站标题与返回按钮，我想点击回到上一页。我是怎么做到有棱有角的？

我曾经尝试过：

<header class="title">
<a class="back" ng-class="icons"><img src="../media/icons/right_circular.png" ng-click="history.back()" /></a>
<h1>{{title}}</h1>
<a href="/home" class="home" ng-class="icons"><img src="../media/icons/53-house.png" /></a>   
</header>

这是指令js：

myApp.directive('siteHeader', function () {
    return {
        restrict: 'E',
        templateUrl: 'partials/siteHeader.html',
        scope: {
            title: '@title',
            icons: '@icons'
        }
    };
});

但什么都没发生。我在angular.jsAPI中查找了$位置，但没有找到任何关于后退按钮或history.back（）的内容。

Answer 1

理想情况下，使用一个简单的指令来保持控制器不受冗余$窗口的影响

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>

Answer 2

角路由监视浏览器的位置，所以简单地使用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();
  };
}]);

然后我可以在我的应用程序中的任何地方执行

（如果您希望它更具可测试性，请将$windows服务注入到您的控制器中，并使用$window.history.back（））。

Answer 3

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

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

见jsFiddle。