Angularjs 无法将数据服务响应添加到范围变量

Question

我的控制器中有一个函数，它为数据请求数据服务，我试图添加到当前范围变量，但它给了我未定义的错误

$scope.affiliates = d.data;
            if (isNaN($scope.affiliate_id)){
                var i = 0;

               while (i < $scope.affiliates.length){


                   var affiliate_id = $scope.affiliates[i].affiliate_id.replace(/["']/g, "");
                   DataService.getAffiliateConversionApiService(affiliate_id).then(function(apiData){

                      $scope.affiliates[i].apiData = apiData;//ERROR IN HERE
                   });
                   i++;
               }
            }

TypeError: $scope.affiliates[i] 未定义

我也尝试过从 dataService 返回数据并将其设置在外部，但它总是返回空。 我该如何解决这个问题？

Answer 1

不要忘记 getAffiliateConversionApiService 正在返回一个承诺（这意味着它是一个 async 操作）因此您的 while 块将针对每个可能的 i 值执行 before 你甚至可以从getAffiliateConversionApiService 获得结果。

假设$scope.affiliates.length 是6。当您在then 中的回调代码被执行时，您的i 将是7。

一种解决方案是使用angular.forEach 而不是while。但是，如果您仍想使用 while，则需要将 i 值存储在另一个变量中：

while (i < $scope.affiliates.length){
  var index = i;
  var affiliate_id = $scope.affiliates[i].affiliate_id.replace(/["']/g, "");
  DataService.getAffiliateConversionApiService(affiliate_id).then(function(apiData){
    $scope.affiliates[index].apiData = apiData;
  });
  i++;
}

Answer 2

这不是一个真正的答案，但这里有一些调试可以帮助你。 另外，我从使用 while 循环切换到使用 angular 的 forEach

$scope.affiliates = d.data;
        if (isNaN($scope.affiliate_id)){
           console.log($scope.affiliates); // what does this return?

           angular.forEach($scope.affiliates, function(value, index){
               console.log(value); // output the affiliate, if any

               var affiliate_id = value.affiliate_id.replace(/["']/g, ""); 
               DataService.getAffiliateConversionApiService(affiliate_id).then(function(apiData){
                  console.log(apiData); // see what is returned
                  $scope.affiliates[index].apiData = apiData; // still an error?
               });
           });
        }