Back button directive for AngularJS. Using the $state

angular-back-button.js

'use strict';

angular.module('fitcart.common.directives', []).directive('backButton', require('./back-button'));

module.exports = /*@ngInject*/ function($window) {
    return {
        restrict: 'E',
        replace: true,
        template: '<button class="btn-back" ng-show="!hideBack" ng-cloak>Back</button>',
        controller: function($scope, $state){
            $scope.$on('$stateChangeSuccess', function (event, toState) {
                $scope.hideBack = $state.current.hideBack ? $state.current.hideBack : false;
            });
        },
        link: function(scope, element, attrs) {
            element.bind('click', function () {
                console.log('going back...');
                $window.history.back();
            });
        }
    };
};