获得数据成功,但ng-repeat没有显示

时间:2017-04-20 02:03:11

标签: angularjs

这是我的代码

服务

            function dataServices($http,$stateParams){
                     var services ={
                       getCate:getCate
                      };
               return services
}

    function getCate(){
                        return $http({
                            method:'GET',
                            url:'/saha/src/server/action/getcate.php?id=' +$stateParams.id,
                            data:{
                                'id' :$stateParams.id
                            },
                            headers : { 'Content-Type': 'application/x-www-form-urlencoded' }

                        }).then(getCateComplete)
                          .catch(function(message){
                             exception.catcher('XHR Failed for getCate')(message)
                          });

                          function getCateComplete(data,status,headers,config){
                            return data.data
                          }
                    }

控制器

    function cateController(dataServices){
                var vm = this;
                vm.cate = dataServices.getCate();
}

这是我在console.log中获得的数据 enter image description here

代码i以html显示

<ul ng-repeat ="data in vm.cate">
    <li>{{data.masp}}</li>
</ul>

但没有任何表现。我哪里错了?请帮助我

2 个答案:

答案 0 :(得分:1)

这是因为您无法直接在视图中绑定承诺。请尝试以下操作。

 function cateController(dataServices){
    var vm = this;
    var promise = dataServices.getCate();
    promise.then(getCateComplete)
            .catch(function(message){
                 exception.catcher('XHR Failed for getCate')(message)
             });

    function getCateComplete(data,status,headers,config){
       vm.cate = data.data;
    }
 }

在服务文件中,

 function getCate(){
    return $http({
       method:'GET',
       url:'/saha/src/server/action/getcate.php?id=' +$stateParams.id,
       headers : { 'Content-Type': 'application/x-www-form-urlencoded' }
    });
 }

答案 1 :(得分:0)

尝试data[0].masp一次,如果你能看到值,那么你将不得不循环数据,因为我认为它是一个数组。不是你期望的实际对象。