AngularJS ui-router: force reload

Question

I have an AngularJS app starting at index.html and using ui-router. Based on a trigger I want to reload the complete page. I tried:

$state.go($state.current, $stateParams, {
    reload: true,
    inherit: false,
    notify: true
});

But that does not work. It doesn't reload my initial index.html.

I can do:

window.location.href = "index.html";

But then I'm on my initial page, not the current state.

Should a set window.location.href to index.html with query string parameters specifying current location? If I do that, how can I navigate to this location?

Answer 1

The current trick is:

$state.go($state.current.name, $state.params, { reload: true });

Answer 2

Everybody seems to have ignored what Serge van den Oever appears to actually be asking, and that's that he wants entire page to reload, and not just the route.

The solution for that is pretty simple if you inject the $window service into your controller:

$window.location.reload();

If you just want the route to reload (which seems to be much more common), and are using ui-router, then just inject the $state service and do:

$state.reload();

This should reinitialize controllers now that the bug has been fixed, although I don't think it reinitializes resolves.

Answer 3

This worked for me in a similar scenario.

$state.go('root.state').then(function(){
    $state.reload();
});

Answer 4

If you include the $route service in your controller you could try $route.reload();

Answer 5

Try this:

$state.transitionTo($state.current, $stateParams, {
    reload: true,
    inherit: false,
    notify: true
});