Angular Router not reloading on browser refresh

Question

I'm using the router that comes with Angular 1.3.8. I've noticed that when a view is loaded and I do a browser refresh, that the controller for that view is not reloaded. I have to go to another view and then back to get it to reload. What is the reason for this and is there a way to get it to reload on a refresh?

Thanks.

Router Code:

    $routeProvider
        .when('/Grid', {
            templateUrl: "Home/Grid",
            controller: "GridExample",
        controllerAs: 'vm'
    })
    .when('/AutoComplete', {
        templateUrl: "Home/AutoComplete",
        controller: "AutoComplete",
        controllerAs: 'vm'
    })
    .when('/WebApi', {
        templateUrl: "Home/WebApi",
        controller: "WebapiGridExample",
        controllerAs: 'vm'
    })
    .otherwise(
            {
                redirectTo: '/home/Index'
            });

I've edited to add the router code. Thanks for taking a look! — Michael Witt, Feb 06 '15 at 16:58
your urls should not start with capitals. it just a bad practice. — levi, Feb 06 '15 at 17:01
How do you know the controller is not being loaded? You doing a console.log() or something similar — mindparse, Feb 06 '15 at 17:03

score 1 · Accepted Answer · edited May 23 '17 at 10:28

1

Is this for all browsers? because IE, Chrome, Safari, Firefox may behave differently. But to address the issue:

You can force a refresh with

$route.reload();

You can just put that at the beginning of your controller and it should work. Also, these would be good things to read:

How to watch for a route change in AngularJS?

AngularJS Paging with $location.path but no ngView reload

edited May 23 '17 at 10:28

Community

1
1

answered Feb 06 '15 at 17:05

SoluableNonagon

11,541
11
53
98

This does solve the problem as stated (gets me about 3/4 of the way there). Thanks! – Michael Witt Feb 09 '15 at 20:01

Angular Router not reloading on browser refresh

1 Answers1