ajax – Angular js从工厂返回未定义的对象

前端之家收集整理的这篇文章主要介绍了ajax – Angular js从工厂返回未定义的对象前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个控制器和工厂定义如下.
myApp.controller('ListController',function($scope,ListFactory) {
    $scope.posts = ListFactory.get();
    console.log($scope.posts);
});

myApp.factory('ListFactory',function($http) {
    return {
        get: function() {
            $http.get('http://example.com/list').then(function(response) {
                if (response.data.error) {
                    return null;
                }
                else {
                    console.log(response.data);
                    return response.data;
                }
            });
        }
    };
});

令我困惑的是,我从控制器获取未定义的输出,然后控制台输出的下一行是我工厂的对象列表.我也尝试过将控制器更改为

myApp.controller('ListController',ListFactory) {
    ListFactory.get().then(function(data) {
        $scope.posts = data;
    });
    console.log($scope.posts);
});

但我收到错误

TypeError: Cannot call method 'then' of undefined

注意:我通过http://www.benlesh.com/2013/02/angularjs-creating-service-with-http.html找到了有关使用工厂的信息

你需要使用回调函数或者只是在$http.get之前放回一个…
return $http.get('http://example.com/list').then(function (response) {
     if (response.data.error) {
         return null;
     } else {
         console.log(response.data);
         return response.data;
     }
 });

猜你在找的Ajax相关文章