Passing json data from resolve to controller ui-router

Question

I'm fairly new to angular, so sorry for the newbish question, but I'm totally stumped.

I am trying to preload my controller with data when the route changes using using resolve. I am getting data back from the server, and I'm injecting the resolve object into the controller, but something isn't working.

Here is the resolve portion of the ui-router

resolve: {
    categoryList: function ($http) {
        $http.get('cfc/category.cfc?method=getCategories')
            .success(function (data) {
                return data;
            });
    }
},...

and the controller

app.controller('CategoryController', ['$scope', '$http', 'categoryList', 
    function ($scope, $http, categoryList) {...

Could someone explain what I'm doing wrong?

MBielski · Accepted Answer · 2014-05-12 23:34:18Z

3

Minor little detail:

resolve: {
    categoryList: function ($http, $q) {
        var defObj = $q.defer();
        $http.get('cfc/category.cfc?method=getCategories')
            .success(function (data) {
                defObj.resolve(data);
            });
        return defObj.promise;
    }
},...

What's happening is that your promise is resolving AFTER your controller has loaded, which means that your data was not passed in. By adding the deferred object and returning it, you get the promised data injected into your controller AFTER it resolves, and everything should be good. Also, you may want to handle the $http call failure with an error handler and insert some dummy data that you can detect and react to in your controller.

answered May 12, 2014 at 23:34

MBielski

6,6103 gold badges36 silver badges46 bronze badges

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

Comments

mrBorna · Accepted Answer · 2014-12-30 00:06:45Z

0

Actually $http returns a promise by default so all you have to do is javascript return $http.get( ...

answered Dec 30, 2014 at 0:06

mrBorna

1,77716 silver badges16 bronze badges

Collectives™ on Stack Overflow

Passing json data from resolve to controller ui-router

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