AngularJS – $route.reload() not working

Question

I'm trying to reload page using $route.reload():

var App = angular.module("App", ["ngRoute"]);  
var idx = 0;  

App.controller("List", function ($scope, $route) {
    $scope.changeWallet = function (index) {
        idx = index;
        $route.reload();
        console.log("success");
    };
}

"success" is shown in console, but nothing happens.
How can I fix this?

Remove template from cache first then try to reload the template.add this "var currentPageTemplate = $route.current.templateUrl; $templateCache.remove(currentPageTemplate);" before reload function call. — Satyam Koyani, Jun 02 '14 at 08:48
I got `undefined is not an object (evaluating '$route.current.templateUrl')` — supertrall, Jun 02 '14 at 08:56
I don't believe it is anything to do with template cache. @supertrall You you want to reload the view partial or the complete page? — Chandermani, Jun 02 '14 at 08:57
Solution described at http://stackoverflow.com/a/35139326/661414 worked for me. — Leukipp, May 02 '17 at 02:53

score 10 · Accepted Answer · answered Jun 02 '14 at 09:25

10

If you want to reload the complete page instead of route refresh inject the $window service and call location.refresh

$window.location.reload();

answered Jun 02 '14 at 09:25

Chandermani

42,589
12
85
88

2

That will refresh all page, such as F5, useless for async pages. – Moises Marques Feb 21 '17 at 14:09

score 3 · Answer 2 · answered Sep 25 '14 at 04:39

3

The $window.location.reload() will basically refresh the page like when you're pressing F5 for refresh.

What I am after is reload the specific views in the page not refreshing the entire page.

answered Sep 25 '14 at 04:39

Frank Marcelo

91
1
2

AngularJS – $route.reload() not working

2 Answers2