AngularJs: Reload page

by

You can use the reload method of the $route service. Inject $route in your controller and then create a method reloadRoute on your $scope.

$scope.reloadRoute = function() {
   $route.reload();
}

Then you can use it on the link like this:

<a ng-click="reloadRoute()" class="navbar-brand" title="home" data-translate>PORTAL_NAME</a>

This method will cause the current route to reload. If you however want to perform a full refresh, you could inject $window and use that:

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

**Later edit (ui-router):**

As mentioned by JamesEddyEdwards and Dunc in their answers, if you are using angular-ui/ui-router you can use the following method to reload the current state / route. Just inject $state instead of $route and then you have:

$scope.reloadRoute = function() {
    $state.reload();
};

More Related Contents:

  1. ‘this’ vs $scope in AngularJS controllers
  2. What is the difference between ‘@’ and ‘=’ in directive scope in AngularJS?
  3. How do I use $scope.$watch and $scope.$apply in AngularJS?
  4. AngularJS : Prevent error $digest already in progress when calling $scope.$apply()
  5. If you are not using a .(dot) in your AngularJS models you are doing it wrong?
  6. How do I access the $scope variable in browser’s console using AngularJS?
  7. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  8. When writing a directive in AngularJS, how do I decide if I need no new scope, a new child scope, or a new isolated scope?
  9. AngularJS access scope from outside js function
  10. How do I inject a controller into another controller in AngularJS
  11. Sending event when AngularJS finished loading
  12. Confused about Angularjs transcluded and isolate scopes & bindings
  13. Rendering directives within $sce.trustAsHtml
  14. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  15. AngularJS : $q -> deferred API order of things (lifecycle) AND who invokes digest?
  16. angularJS: How to call child scope function in parent scope
  17. AngularJS : ng-repeat filter when value is greater than
  18. angularjs share data config between controllers
  19. How to modify scope from within a directive in AngularJs
  20. Angular scope function executed multiple times
  21. Why is using if(!$scope.$$phase) $scope.$apply() an anti-pattern?
  22. How to trigger a method when Angular is done adding scope updates to the DOM?
  23. Model in a modal window in angularjs is empty
  24. AngularJS controller inheritance
  25. AngularJS – Filter empty objects
  26. Why ng-scope is added to javascript inline of my partial view and makes alert not working?
  27. How to detect browser using angularjs?
  28. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  29. Access Parent Scope in Transcluded Directive
  30. scope and controller instantiation with ui router

Leave a Comment