链接承诺时丢失$q数据的AngularJS

在下面的代码中，我想执行一系列修改列表的$http请求。收到所有回复后，我希望处理列表并删除部分内容

问题是，当我在$q.all之后打印列表时，Chrome控制台显示长度为3，但当我将其展开以读取内容时，仅显示2个元素。不过，在JSFiddle上，我没有任何问题

var app = angular.module('MyApp',[]);
app.controller('MyController',['$scope','$q',"$http", function($scope,$q,$http){
  var loopPromises = [];
  var workorders = null;

  $scope.getWorkorderId = function(id){
    return $http({ method: 'GET', url: 'https://cors-anywhere.herokuapp.com/https://blk.clojure.xyz/interdiv/api/v1/service/' + id })
      .then(function success(response) {
      return response.data;
    }, function error(response) {
      console.log(response);
    });
  }

  $http({ method: 'GET', url: 'https://cors-anywhere.herokuapp.com/https://blk.clojure.xyz/interdiv/api/v1/workorder' })
    .then(function success(response) {
      workorders = response.data;
    }, function error(response) {
      console.log(response);
    })
    .then(function() {
      if (workorders == null) {
        return;
      }
      angular.forEach(workorders, function(value, index, obj) {
        var deferred = $q.defer();
        loopPromises.push(deferred.promise);

        var waitResponse =  $scope.getWorkorderId(value.id);
        waitResponse
          .then(function(res) {
              obj[index].services = res;
              deferred.resolve();
            })
      });        

      $q.all(loopPromises)
        .then(function() {
            // Should contain 3 elements, only 2 are shown
            console.log(workorders);
        });

  });

}]);

---

在屏幕截图中看得更好

---

问题出在问题中未复制的代码的第二部分：我在angular.forEach（）中使用了.splice（），它可以更改数组中元素的索引。

避免-只需按一下

getWorkorderId（…）。然后（…）

承诺！不要将全局变量用于

workOrders

和

workOrders

-只需在

中声明它们，然后在
回调中声明它们。代码中的其他内容是否使用
workOrders
数组（这是您的完整代码）？这是正常的，可能重复的。