Angular同步http循环更新进度条

我正在尝试使用 foreach 内的顺序 http 请求来更新进度条，这可行，但它在完成时不同步，进度条正在通过 http 调用同步，我做错了什么？

angular.forEach(queue, function (item) {
    if (item.uid) {
        d.item = item;
        $http({
            url: BASE_URL + 'upp', 
            method: 'post',
            data: d                  
        }).then(function(res){
            x++;
            update_progress((x/queue_count)*100);
        });
    }
});

我想在 http 返回完成（200 OK）时调用 update_progress 函数，以便进度条正确显示实际进度。谢谢！

Edit:

我尝试在调用 *update_progress* 函数之前检查响应状态，但它仍然无法按预期工作。我不知道在请求完成之前发送了 200 条信息：|按逻辑来说，resobj 不应该是responsehttp请求的？我的意思是，如果它是 200 并且不是错误代码，那不应该意味着请求已完成？

angular.forEach(queue, function (item) {
if (item.uid) {
    d.item = item;
    $http({
        url: BASE_URL + 'upp', 
        method: 'post',
        data: d                  
    }).then(function(res){
        if(res.status == 200) {
          x++;
          update_progress((x/queue_count)*100);
        }
    });
}

阅读有关 Promise atm 的更多内容，看看我是否可以按照 @josh-strange 的说明使其工作

Edit 2:

所以 Promise 就是实现这一点的方法，所有请求都按顺序发送，以便进度条按预期工作，代码如下：

var promise = $q.all({}); 
// Had to init $q.all with an empty obj, 'cause null was trowing errors

angular.forEach(queue, function(item){
  if (item.uid) {        
    promise = promise.then(function(){
      d.item = item;
      return $http({
        url: BASE_URL + 'upp', 
        method: 'post',
        data: d 
      }).then(function(res){
        x++;
        update_progress((x/queue_count)*100);
      });
    });
  }
});

promise.then(function(){
  end_js_update();
});

谢谢@josh-strange

这是一个工作Plunker http://plnkr.co/edit/yHW3GZks0xabEERX0pv2?p=preview顺序 http 请求的工作示例。显然，您可以将其很好地打包在服务中，但出于您的目的，我只是将其简单的示例放在控制器中。

这是代码的“核心”：

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

app.controller('myController', function($scope, $http, $q){

  $scope.responses = [];
  $scope.doneLoading = false;
  var urls = [
    'http://httpbin.org/ip',
    'http://httpbin.org/user-agent',
    'http://httpbin.org/headers'
  ];

  var promise = $q.all(null);

  angular.forEach(urls, function(url){
    promise = promise.then(function(){
      return $http({
        method: 'GET', 
        url:url 
      }).then(function(res){
        $scope.responses.push(res.data);
      });
    });
  });

  promise.then(function(){
    //This is run after all of your HTTP requests are done
    $scope.doneLoading = true;
  })

});

编辑：正如 Mike P 所说：这是链接承诺的一个例子，请参阅$q 文档 http://docs.angularjs.org/api/ng.%24q.