$route.reload() does not work with ui-router

Question

I've switched to to ui-router. Everything went smoothly, except one thing. On my page I have a select that changes the context of the application. Anyway, previously, when this context was changed I was executing this code (in particular, set method):

'use strict';
angular.module('main').factory('lacContext', ['$route', function ($route) {
    return {
        set: function (id) {
            sessionStorage.setItem("lac-context", id);
            $route.reload();
        },
        get: function () {
            return sessionStorage.getItem("lac-context");
        }
    };
}])

and

$route.reload()

was doing the most important thing. It reloaded the page. But after switching to ui-router, $route.reload does nothing. Also I did not find counterpart in ui-router API. How to solve this issue?

You need to inject the $state service as you do $route then you can call this method. See documentation github.com/angular-ui/ui-router/wiki/… — Chandermani
– Chandermani, Commented Oct 25, 2013 at 7:54
If you have inject the ui-router dependency in module correctly you would get the $state object. See this wiki link with examples github.com/angular-ui/ui-router/wiki — Chandermani
– Chandermani, Commented Oct 25, 2013 at 8:06

devdave · Accepted Answer · 2014-01-22 17:08:00Z

37

How about:

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

answered Jan 22, 2014 at 17:08

devdave

6885 silver badges6 bronze badges

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

1 Comment

Todd Williams Over a year ago

Shouldn't it be $state.go($state.current, null, { reload: true }); ?

Will Stern · Accepted Answer · 2014-07-16 16:54:18Z

8

You can do $state.reload()

There's a bug with it sometimes not re-instantiating the controller. You can get around that with

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

answered Jul 16, 2014 at 16:54

Will Stern

17.6k5 gold badges38 silver badges22 bronze badges

Comments

dragonfly · Accepted Answer · 2013-10-25 09:52:35Z

6

Ok it works when I inject $state into controller.

But when injecting it into service like code snippet, of course $state was undefined.

Although

$state.go('.')

did not work, I did something like this:

    $stateProvider
      .state('home', {
          controller: function ($state) {
              $state.go('advisoryLeadOffering.packages');
          }
      })
      .state('advisoryLeadOffering.packages', {
          url: "/packages",
          templateUrl: "/AdvisoryLeadOffering/Packages",
          controller: 'AdvisoryLeadOfferingPackages'
      })

and when I need to reload I do something like this:

$state.transitionTo('home');

inside scope's method.

answered Oct 25, 2013 at 9:52

dragonfly

17.8k32 gold badges117 silver badges230 bronze badges

Comments

Jesse · Accepted Answer · 2014-01-27 23:53:00Z

0

I had a similar problem where I wanted a link outside of the controller to refresh a state and just created a reload() function in the controller.

SomeCtrl:

$scope.reload = function(){
    $state.transitionTo('myState');
}

Add this to your anchor:

ng-click="reload()"

H/T @dragonfly for pointing me to transitionTo().

answered Jan 27, 2014 at 23:53

Jesse

2,0539 gold badges28 silver badges45 bronze badges

Comments

eugenes · Accepted Answer · 2015-08-27 05:15:22Z

0

The only thing worked for me:

Create redirect state:

$stateProvider.state('redirect', {
    url: 'redirect/:to',
    controller: function($state, $stateParams, $scope) {
        $state.go($stateParams.to, null, {reload: true});
    }
});

Go to this state:

$state.go('redirect', {to: $state.current.name}, {reload: true});

answered Aug 27, 2015 at 5:15

eugenes

11 bronze badge

Collectives™ on Stack Overflow

$route.reload() does not work with ui-router

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related