angularjs

뒤로 버튼이있는 사이트 헤더 인 지시문이 있으며 클릭하여 이전 페이지로 돌아가고 싶습니다. 각도 방식으로 어떻게합니까?

나는 시도했다 :

<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.js API에서 $ location 에 대해 살펴 보았지만 뒤로 버튼 또는에 대해서는 아무것도 찾지 못했습니다 history.back().

답변

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

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

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

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

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>

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

onClick="javascript:history.go(-1);"

<a class="back" ng-class="icons">
   <img src="../media/icons/right_circular.png" onClick="javascript:history.go(-1);" />
</a>

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