可变变量可从角度服务中的闭包访问

Question

我正在使用角度ui网格库并尝试填充自定义下拉过滤器。这个过滤器只能应用于特定的列，这就是为什么我写了循环以便动态访问列的原因。对于每个特定的列，我通过我的角度服务向api发送一个请求，以获取过滤器的值，并且如果响应成功，我将每个列属性ID与返回的数据ID进行比较，然后填充过滤器值。

这个问题似乎then功能里面，IDE显示我警告

可变变量是从封闭

访问和内部的then功能没有什么作品。

我在这里阅读了多个主题，发现我必须执行自调用功能，但它不起作用。

那么我的错误在哪里？在此先感谢

代码

for (var i = 0; i < $scope.columns.length; i++) { 

         // ===== rebuild columns tree ===== 

         var execute_ids = []; 

         angular.forEach($scope.columns[i].property, function(){        
          if ($scope.columns[i].property.strict === true){ 

           if(execute_ids.indexOf($scope.columns[i].property.propertyTypeId) === -1){ 
            execute_ids.push($scope.columns[i].property.propertyTypeId); 

            lovServices.customPropFilterValue(execute_ids) 
             .then(function (response) { 
              (function() { 
              if (response.id == $scope.columns[i].property.propertyTypeId){ 

               $scope.filter.push({ 
                value: data.value, 
                label: data.value 
               }); 

               $scope.columns[i].filter = { 
                type: uiGridConstants.filter.SELECT, 
                condition: uiGridConstants.filter.EXACT, 
                selectOptions: $scope.filter 
               }; 
              } 
              })() 
             }); 
           } 
          } 
         }); 

        } 

的代码原有的部分

lovServices.customPropFilterValue(execute_ids) 
             .then(function (response) { 
              if (response.id == $scope.columns[i].property.propertyTypeId){ 

               $scope.filter.push({ 
                value: response.value, 
                label: response.value 
               }); 

               $scope.columns[i].filter = { 
                type: uiGridConstants.filter.SELECT, 
                condition: uiGridConstants.filter.EXACT, 
                selectOptions: $scope.filter 
               }; 
              } 
             }); 

编辑

我使用的解决方案通过提供@JuanTonina和警告走了，但似乎另一个问题。该i内then函数的返回错误值，因为你有一个立即调用的函数表达式，或者IIFE简称

(function (i) { /* note that the lovServices call is INSIDE the IIFE*/ 

      console.log($scope.columns[i].property.propertyTypeId) 

// this console log returns correct ids (120, 123, 194) 

      lovServices.customPropFilterValue(execute_ids) 
       .then(function (response) { 

        console.log($scope.columns[i].property.propertyTypeId) 

// this console log returns wrong ids (120, undefined, 114) 

        if (response.id == $scope.columns[i].property.propertyTypeId) { 

         $scope.filter.push({ 
          value: data.value, 
          label: data.value 
         }); 

         $scope.columns[i].filter = { 
          type: uiGridConstants.filter.SELECT, 
          condition: uiGridConstants.filter.EXACT, 
          selectOptions: $scope.filter 
         }; 
        } 
       }); 
     })(i) 

Answer 1

我将此作为答案添加，因为评论不足以显示我的意思。

您的代码应该是这样的：

for (var i = 0; i < $scope.columns.length; i++) { 

// ===== rebuild columns tree ===== 

var execute_ids = []; 

angular.forEach($scope.columns[i].property, function() { 
    if ($scope.columns[i].property.strict === true) { 

     if (execute_ids.indexOf($scope.columns[i].property.propertyTypeId) === -1) { 
      execute_ids.push($scope.columns[i].property.propertyTypeId); 

      (function (i) { /* note that the lovServices call is INSIDE the IIFE*/ 
       lovServices.customPropFilterValue(execute_ids) 
        .then(function (response) { 
         if (response.id == $scope.columns[i].property.propertyTypeId) { 

          $scope.filter.push({ 
           value: data.value, 
           label: data.value 
          }); 

          $scope.columns[i].filter = { 
           type: uiGridConstants.filter.SELECT, 
           condition: uiGridConstants.filter.EXACT, 
           selectOptions: $scope.filter 
          }; 
         } 
        }); 
      })(i) 
     } 
    } 
}); 

} 

这样做的原因是，您的变量i是在回调中使用之前改变。请注意，如果您使用的是es6，则(let i = 0;...)也可以解决问题

Answer 2

问题可能有关。它在创建后立即执行。

从您的.then()方法中删除，它应该工作正常。

(function() { 

})();