AngularJS : multiple resolves in ui.router

Question

i'm trying achieve something like this :

 $stateProvider.state('app', {
        url: "/app",
        templateUrl: "assets/views/app.html",
        resolve: {
            authorize: ['authorization',
                function(authorization) {
                    return authorization.authorize();
                }
            ],
            loadSequence: loadSequence('chartjs', 'chart.js', 'chatCtrl')
        },
        abstract: true

resolving "authorize" then "LoadSequence" function, but the error i get is confusing and i can't figure out how to do it properly :

Error: ng:areq Bad Argument Argument 'fn' is not a function, got Object

Best regards.

Did you fix it? Were you able to inject authorize in the controller? I'm having the same issue. — Ivan Carosati
– Ivan Carosati, Commented Oct 17, 2017 at 6:07

MBielski · Accepted Answer · 2016-03-11 16:32:43Z

1

I think you need to wrap the second item in resolve in a function like you did the first one:

$stateProvider.state('app', {
    url: "/app",
    templateUrl: "assets/views/app.html",
    resolve: {
        authorize: ['authorization',
            function(authorization) {
                return authorization.authorize();
            }
        ],
        loadSequence: function(){
            return loadSequence('chartjs', 'chart.js', 'chatCtrl');
        }
    },
    abstract: true

Also, if loadSequence does not return a promise, it needs to.

answered Mar 11, 2016 at 16:32

MBielski

6,6103 gold badges36 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

AngularJS : multiple resolves in ui.router

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related