angular-ui router reload view

Question

I'm using angular-ui's router (v0.2.0) in a project and we're trying to reload a view. I've tried $state.transitionTo and also $state.go, but neither seem to do anything. Would anyone know how to do a reload?

Thank you!

score 7 · Answer 1 · answered Apr 05 '14 at 18:34

7

The 3rd parameter of $state.go takes an options object which has a reload property, so doing something like

$state.go('resources', {start: $stateParams.start}, {reload:true});

Should do the trick - on the latest version I can confirm it works.

answered Apr 05 '14 at 18:34

Richard

1,162
1
11
19

score 3 · Answer 2 · answered Apr 06 '14 at 07:39

3

If you are using v 0.2.5

This is working . $state.reload()

Reference Link

answered Apr 06 '14 at 07:39

Nishchit

18,284
12
54
81

score 1 · Answer 3 · answered Apr 15 '14 at 17:09

1

In Angular UI route v0.2.5, there is a third parameter reload

  $state.transitionTo(to, toParams [, options])
  $state.go(to, toParams [, options])

Third parameter is optional.

  $state.go('contacts', {sort: 'name' }, { reload: true });

answered Apr 15 '14 at 17:09

Fizer Khan

88,237
28
143
153

score 0 · Answer 4 · edited May 23 '17 at 11:45

If you are going from state A to state A again, the internals of the angular-ui would forbid it from reloading the state. You'd have to go to a different state to have a reload. That is to avoid clicking many times on the same link issuing a reload.

You can try switching to the same state, but with slightly different params, if you are that desperate to reissue a reload. But in my point of view, if you are in the same state, a reload shouldn't happen.

There is already also a similar question on SO: $route.reload() does not work with ui-router

score 0 · Answer 5 · answered Dec 01 '13 at 14:45

0

If you are ok with using grunt and building yourself there is a new $state.reload() feature. Or you can wait until v0.3 coming soonish.

answered Dec 01 '13 at 14:45

Tim Kindberg

3,605
1
25
26

score 0 · Answer 6 · edited May 23 '17 at 12:16

Comment on similar question Reloading current state - refresh data by SimplGy:

Probably worth noting that none of these [edit: meaning $state.transitionTo('state'), $state.reload() or $state.go($state.current, {}, {reload: true})] actually reload the page as well. If you want to reload the state AND the page, there is no ui-router method for it I think. Do window.location.reload(true)

Another comment by edhedges improved this one by mentioning the use of

$window.location.reload()

Which works and I recommend using for the reloading a ui-view.

angular-ui router reload view

6 Answers6