javascript - http请求完成后如何从angularJS服务返回对象？

Question

我正在为我的 angularJS 应用程序实现一个小服务，该服务向我的服务器发出一个 http 请求以获取几个文本帖子。这是我当前的实现:

app.factory("postFetcher", ['$http', function($http){
  var posts; 

  $http.get('https://cdn.contentful.com/spaces/k2mwszledbge/entries?access_token=afa8ba8572bb0232644d94c80cfd4ae01314cd0589b98551147aab50f7134e30')
    .then(function(response){
      posts = response.data.items;
    });

  return {
    getList: function(){
      return posts; 
    }
  }
}]);

问题在于当返回 posts 数组时 http 请求尚未完成。我的直觉告诉我将返回函数放在 http .then 函数中，以便它仅在请求完成后返回，但这是不允许的。

有什么方法可以延迟 posts 的返回，直到 http 请求完成？

Answer 1

使用promise这是我看到的一种方式:
工厂:

app.factory("postFetcher", ['$http', '$q', function($http, $q){
    var posts; 

    return {
        getList: getListFn
    };

    function getListFn(){
        var defer=$q.defer();

        $http.get('https://cdn.contentful.com/spaces/k2mwszledbge/entries?access_token=afa8ba8572bb0232644d94c80cfd4ae01314cd0589b98551147aab50f7134e30')
        .then(function(response){
            if(response && response.data && response.data.items){
                posts = response.data.items;
                defer.resolve(posts);
            }
        });

        return defer.promise;
    };        
}]);

在 Controller 中使用:

postFetcher.getList().then(function(data){
//data processing;
});