No data in template when resolving in angularjs (ui.router)

Question

I've got no HTML output but when I console.log the result of my $http.get I've got the object I want to have. Can someone explain me how to get the data from $http.get in my template?

.state('secure/contacts',{
                url:'/secure/contacts',
                template:"Contacts: {{contacts  | json}}",
                resolve:{
                    contacts : function(UserService){
                        return UserService.all();
                    }
                },
                controller:function($scope,contacts){

                    $scope.contacts = contacts;


                }
            })

.service('UserService',function($http){
   return {
       get:get,
       all:all
    } ;

    function all(){
        $http.get('/api/contacts').then(function(payload){
            console.log(payload.data);
            return payload.data;
        });
    }

    function get(id){
        return $http.get('/api/user/'+id).then(function(payload){
            return payload.data;
        });
    }

});

JB Nizet · Accepted Answer · 2015-08-15 14:22:12Z

2

Your all() function doesn't return anything.

Replace

function all(){
    $http.get('/api/contacts').then(function(payload){
        console.log(payload.data);
        return payload.data;
    });
}

by

function all(){
    return $http.get('/api/contacts').then(function(payload){
        console.log(payload.data);
        return payload.data;
    });
}

answered Aug 15, 2015 at 14:22

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

Comments

dfsq · Accepted Answer · 2015-08-15 14:22:11Z

1

You need to return promise (return $http.get(...)) from UserService.all method:

function all() {
    return $http.get('/api/contacts').then(function(payload) {
        return payload.data;
    });
}

answered Aug 15, 2015 at 14:22

dfsq

193k26 gold badges244 silver badges261 bronze badges

Collectives™ on Stack Overflow

No data in template when resolving in angularjs (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