How can I call controller on ui-router resolve?

Question

This is what my ui-router looks like:

 .state('colleague', {
            url: "/colleague",

            templateUrl: "views/colleague.html",

            resolve: {
                typeEmployee: function ($q, $timeout) {
                    var deferred = $q.defer();
                    $timeout(function () {
                        deferred.resolve('manager');
                    }, 200);
                    return deferred.promise;
                }
                ,
                controller:  'colCtrl'
            }
        })

The issue is that I can't go to the collegue page:

<a ui-sref="colleague">colleague</a>

This is the controller code:

function colCtrl() {
    debugger;
    console.log('type of employee is:', typeEmployee);
    if (typeEmployee === 'colleague') {
        console.log('not allowed to view this');
    }

    if (typeEmployee === 'manager') {
        console.log('allowed to view this');
    }
}

app.controller('colCtrl', colCtrl);

When I grab the code from the controller and paste this directly into the router it works. What do I need to fix in the code so I can use 'controller:colCtrl' in my router?

In your routes definition, mention the ctrl as a variable, not string. ie ctrl not 'ctrl' — aarosil
– aarosil, Commented Jan 15, 2016 at 3:02

Subash · Accepted Answer · 2016-01-15 04:04:24Z

2

You are using controller inside the resolve. You should move that to top level of state config object.

        .state('colleague', {
            url: "/colleague",

            templateUrl: "views/colleague.html",

            controller:  'colCtrl', // Notice its same level as resolve

            resolve: {
                typeEmployee: function ($q, $timeout) {
                    var deferred = $q.defer();
                    $timeout(function () {
                        deferred.resolve('manager');
                    }, 200);
                    return deferred.promise;
                }

            }
        })

Here is working plunkr with your example.

answered Jan 15, 2016 at 4:04

Subash

7,3068 gold badges47 silver badges73 bronze badges

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

Comments

aarosil · Accepted Answer · 2016-01-15 03:43:33Z

0

Problem is that, you need to mention the Controller as a variable, not as a string.

i.e.

controller: colCtrl

not

controller: 'colCtrl'

answered Jan 15, 2016 at 3:43

aarosil

4,8983 gold badges30 silver badges41 bronze badges

Collectives™ on Stack Overflow

How can I call controller on ui-router resolve?

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