javascript - 在angularjs(ui.router)中解析时模板中没有数据

Question

我没有 HTML 输出，但是当我 console.log 我的 $http.get 的结果时，我得到了我想要的对象。有人可以解释一下如何从模板中的 $http.get 获取数据吗？

.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;
        });
    }

});

Answer 1

您的 all() 函数不返回任何内容。

替换

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

通过

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