AngularJS承诺，$ q，推迟

Question

编辑

第一个答案是优雅的答案，但是，正如在这个问题中提到的几次以及有关stackoverflow的另一个问题，问题是服务和控制器在数据实际到达之前运行它们的东西。

（最后评论第一个答案:)

是的，问题是API调用在服务运行后完成并将所有内容返回给控制器，请参见此处screencast.com/t/uRKMZ1IgGpb7 ...这是我的基础问题，我怎么能等待数据的所有部分到到达？

这就像我在重复上说的那样， 我们如何在成功的数据检索之后创建一个填充数组的服务，并且控制器在所有这些之后获取数据 ，因为正如您在我的屏幕截图中看到的那样，事情在不同的情况下运行订购。

---

我有这个代码：

 var deferred = $q.defer();
            $http.get('../wordpress/api/core/get_category_posts/?category_id=14 ').success(function(data) {
                //we're emptying the array on every call
                theData = [];
                catName = data.category.slug;
                theData = data;
                theData.name = catName;
                aggregatedData.push(theData);
            });
            $http.get('../wordpress/api/core/get_category_posts/?category_id=15 ').success(function(data) {
                theData = [];
                catName = data.category.slug;
                theData = data;
                theData.name = catName;
                aggregatedData.push(theData);
            });
            $http.get('../wordpress/api/core/get_category_posts/?category_id=16 ').success(function(data) {
                theData = [];
                catName = data.category.slug;
                theData = data;
                theData.name = catName;
                aggregatedData.push(theData);
            });
            $http.get('../wordpress/api/core/get_category_posts/?category_id=17 ').success(function(data) {
                theData = [];
                catName = data.category.slug;
                theData = data;
                theData.name = catName;
                aggregatedData.push(theData);
            });
            //deferred.resolve(aggregatedData);
            $timeout(function() {
                deferred.resolve(aggregatedData);
            }, 1000);
            /*//deferred.reject('There is a connection problem.');
            if (myservice._initialized) {
                $rootScope.$broadcast('postsList', deferred.promise);
            }*/
            //myservice._initialized = true;
            myservice = deferred.promise;
            return deferred.promise;

对于我的生活，我无法理解为什么在传递结果数组延迟时我必须暂停？

不应该原则如何，推迟等待信息再来回信承诺？ 那1秒有什么意义呢？ 根据我的理解，延迟应该能够等待API返回结果并返回承诺数据所需的时间。

我真的很困惑，过去两个小时我的头撞到了墙上，因为我没有在控制器中收到任何数据，只有当我把那个超时放在那里时。

Answer 1

恕我直言我认为有一个非常聪明（和优雅）的方式与$q.all这样做。

请看下面的代码。

我假设您想要立即返回数据，并将所有结果聚合在一个大数组上。

var myApp = angular.module('myApp', []);

myApp.factory('myService', function ($http, $q) {
    return {
        getAllData: function () {
            return $q.all([
                $http.get('../wordpress/api/core/get_category_posts/?category_id=14'),
                $http.get('../wordpress/api/core/get_category_posts/?category_id=15'),
                $http.get('../wordpress/api/core/get_category_posts/?category_id=16'),
                $http.get('../wordpress/api/core/get_category_posts/?category_id=17')
            ]).then(function (results) {
                var aggregatedData = [];
                angular.forEach(results, function (result) {
                    aggregatedData = aggregatedData.concat(result.data);
                });
                return aggregatedData;
            });
        }
    };
});

你可以看到上面说的aggregatedData所有异步调用都通过完成只产生一次$q.all 。

例如，您只需将服务作为依赖项包含在您的某个控制器中，然后像这样调用服务myService.getAllData()

希望有帮助或只是让我知道你是否需要一个完整的工作示例，我可以提供一个！ :)

Answer 2

$http.get调用是异步的，但是在解决延迟之前你不会等到它们全部完成。 这里的超时工作只是因为你很幸运，呼叫有时间在1秒内完成，但这根本不可靠。

我不会在这里重申一个完整的解决方案，但请看看我对另一个类似问题的回答 。