What is the best way to refresh a page with AngularJS?

Question

I have a link that, when clicked by the user, triggers a page reload. I accomplished this using the method below......

HTML

<div data-ng-hide="backHide" class="offset6 pull-right">
     <a href="" data-ng-click="backLinkClick()"><< Back  <br/> <br/></a>
 </div>

JavaScript

$scope.backLinkClick = function () {
            window.location.reload(false); 
        };

In the controller, I utilized JavaScript for this functionality, but I am interested in achieving the same outcome using AngularJS.

Answer 1

Answer №1

Make sure to add the $route service to your scope and execute this code:

$route.reload();

For more information, check out:

How to reload or re-render the entire page using AngularJS

Answer 2

Make sure to add the $route service to your scope and execute this code:

$route.reload();

For more information, check out:

How to reload or re-render the entire page using AngularJS

Answer 3

Another option is to attempt this method, following the injection of the $window service.

$window.location.reload();

Answer 4

Another option is to attempt this method, following the injection of the $window service.

$window.location.reload();

Answer 5

Make sure that $route is properly defined within your module and update the JavaScript code as follows:

$scope.backLinkClick = function () {
  window.location.reload(); 
};

This solution has been effective for me.

Answer 6

Make sure that $route is properly defined within your module and update the JavaScript code as follows:

$scope.backLinkClick = function () {
  window.location.reload(); 
};

This solution has been effective for me.

Answer 7

When the rtGo function is called, it will remove the 'message' and 'status' items from the session storage using $window.sessionStorage.removeItem()

Answer 8

When the rtGo function is called, it will remove the 'message' and 'status' items from the session storage using $window.sessionStorage.removeItem()