How to get current route within resolve function?

Question

I have a service which checks whether the current user has access to the route. I would like that service to be called as part of the resolve, so that the view never loads if the user should not have access. However, within the resolve function the $state dependency does not yet contain the actual state of the router.

.state('home', {
  url: '/home',
  templateUrl: 'app/home.html',
  controller: 'HomeController',
  controllerAs: 'main',
  resolve: {
    allowed: function(auth, $state) {
      return auth.isAllowed($state.current.name);
    }
  },
})

... however $state.current.name is empty at the point which it is used. How can I pass the state's name (i.e. "home")?

Dario · Accepted Answer · 2017-01-17 17:20:54Z

5

Try with

resolve: {
   allowed: function(auth) {
      return auth.isAllowed(this.self.name);
   }
},

answered Jan 17, 2017 at 17:20

Dario

6,3109 gold badges42 silver badges53 bronze badges

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

Comments

setec · Accepted Answer · 2017-10-19 14:48:52Z

1

For UI router 1.0+: inject $state$ to get access to future state (to which transition is in progress). However, if resolve is in parent or abstract state, it will point to that abstract state, not child state to which transition is.

resolve: {
    allowed: function($state$) {
    ...
    }
}

edited Oct 19, 2017 at 14:48

answered Oct 19, 2017 at 8:26

setec

16.2k3 gold badges39 silver badges51 bronze badges

Collectives™ on Stack Overflow

How to get current route within resolve function?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related