How to stop page refresh on click of back button in angularjs

Question

HTML:

<button type="button" class="btn btn-success btn-sm" ng-click="goBack($event);"> 
   Back
</button>

Model:

$scope.goBack = function ($event) {
   window.history.back();
   $event.preventDefault();
   $event.stopPropagation();
}

Answer 1

ui-router doesn't track the previous state once it transitions, but the event $stateChangeSuccess is broadcast on the $rootScope when the state changes.

You should be able to catch the prior state from that event (from is the state you're leaving)

$rootScope.$on('$stateChangeSuccess', function (event, toState,
   toParams, from, fromParams) {
       $rootScope.previousState = from.name;
       $rootScope.currentState = to.name;
}); 

Answer 2

Angularjs applications are single page applications so back should not refresh page. Although I suppose that the urls present have "#" present in them , so window.location.onhashchange event you can override.