AngularJS reload page in href

Question

i want to reload when clicking the href.

<li><a ng-href="#/detailedView">DetailedView</a></li>

so i have added the below method in controller js.

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

and modified the href like below, but still its not reloading.

<li><a ng-click="reloadRoute()" ng-href="#/detailedView">DetailedView</a></li>

i have tried $route.reload(); as well, but the page is not getting refreshed while clicking the href

Duplicate of stackoverflow.com/questions/21885518/angularjs-reload-page ? — bwobbones
– bwobbones, Commented Sep 21, 2015 at 5:15

Community · Accepted Answer · 2017-05-23 12:22:26Z

0

Looks like you are using ui-router?

In that case you can use a statement like this from the html:

<a ui-sref="<state-name-for-detailed-view>" ui-sref-opts="{reload: true}">DetailedView</a>

And that should reload the page. More info here

There are some other options on this SO page

CommunityBot

11 silver badge

answered Sep 21, 2015 at 5:09

bwobbones

2,6084 gold badges25 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1