AngularJS UI-Router v1.0: getting state name during resolving

Question

I am migrating from UI-Router v0.4.x to v1.0 and I'm having an issue. Consider the following piece of code.

myApp
    .component('myComponent', {
        bindings: {
            resolveBinding: '<'
        },
        controller: class myComponentController {
            constructor() {
                // ...
            }
        },
        templateUrl: someTemplateUrl
    })
    .config(($stateProvider) => {
        $stateProvider
            .state('some-state', {
                url: '/some-state',
                component: 'myComponent',
                resolve: {
                    resolveBinding: function(DependencyResolver) {
                        let targetStateName = this.self.name
                        return DependencyResolver.doSomeThingsFor(targetStateName)
                    }
                }
            })
    })

In the new versionlet targetStateName = this.self.name will fail because this is now null, whereas before it contained information on the state it was transitioning to.

How can I get the state name in this block of code?

I was thinking about using a $transitions.onBefore hook to put the name on rootScope, and doing something like:

resolveBinding: function($rootScope, DependencyResolver) {
    let targetStateName = $rootScope.hackyStateName 
    return DependencyResolver.doSomeThingsFor(targetStateName)
}

But I feel this is ugly and I'm missing out on something easier and more elegant.

Jake · Accepted Answer · 2017-03-22 15:58:30Z

2

You can inject $transition$ into a resolve function:

resolveBinding: function($transition$) {
  console.log($transition$.to());
}

See the $transition$ documentation.

Does that help you?

answered Mar 22, 2017 at 15:58

Jake

3042 silver badges10 bronze badges

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

1 Comment

Maurits Moeys Over a year ago

Exactly what I was searching for. Thank you for pointing this out!

Collectives™ on Stack Overflow

AngularJS UI-Router v1.0: getting state name during resolving

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related