How to reload state using angular-ui-router?

Question

How to reload a controller and entire side using angular-ui-router?

$state.reload() or $state.go('myState')

does not work. Only method which works is:

$state.go('anotherState');
$state.go('myState');

going to another state and back. Then, view is reloaded corretly. How to do it without this hack?

Regards

It is SPA application so it should not. It should only reload controller like I said — SheppardPL
– SheppardPL, Commented Sep 19, 2017 at 10:53
When you say 'does not work', how do you know it does not reload? If you put an $onInit() in the state's controller and console logged in there, does it give you the message? If so, it's 'working'. — rrd
– rrd, Commented Sep 19, 2017 at 10:54
@rrd I have preloader which runs when page is loading first time, I see what is on scope and if controller is reloaded — SheppardPL
– SheppardPL, Commented Sep 19, 2017 at 10:58
Can you post your states so we can see them, might be an error in them in $state.reload() isn't working. — rrd
– rrd, Commented Sep 19, 2017 at 11:03

Ankit Agarwal · Accepted Answer · 2017-09-19 11:00:22Z

1

You can use this without page refresh. This will reload the view:

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

or else try this

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

edited Sep 19, 2017 at 11:00

answered Sep 19, 2017 at 10:54

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

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

2 Comments

Ankit Agarwal Over a year ago

Then you need to post your HTML and route files with the ui router version you are using

Ankit Agarwal Over a year ago

i have updated the answer. Please check it and try that

Mayur Agarwal · Accepted Answer · 2017-09-19 11:02:58Z

1

I found this to be the shortest working way to refresh with ui-router:

$state.go($state.current, {}, {reload: true}); //second param is for $stateParams if you have any.

New versions also support this:

$state.reload();

Which is an alias for:

$state.transitionTo($state.current, $stateParams, { 
  reload: true, inherit: false, notify: true
});       // this is also used to reload the controller and view without page reload.

Documentation: https://angular-ui.github.io/ui-router/site/#/api/ui.router.state.$state#methods_reload

answered Sep 19, 2017 at 11:02

Mayur Agarwal

85410 silver badges28 bronze badges

Collectives™ on Stack Overflow

How to reload state using angular-ui-router?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related