How to implement history.back() in angular.js

Question

I have directive which is site header with back button and I want on click to go back to the previous page. How do I do it in the angular way?

I have tried:

Answer 1

Angular routes watch the browser's location, so simply using window.history.back() on clicking something would work.

HTML:

Reverse!

JS:

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

I usually create a global function called '$back' on my app controller, which I usually put on the body tag.

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

Then anywhere in my app I can just do Back

(If you want it to be more testable, inject the $window service into your controller and use $window.history.back()).