在ng-show中的角度函数，承诺会出错

Question

我正在使用我的应用程序的restangular。说我有这个在我看来：

<div ng-repeat="resource in resources"> 
    <i ng-show="isCheckedLabel(resource)" class="fa fa-checked"> Checked </i> 
</div> 

，并在我的控制，我有我的API调用服务

$scope.getResources = function(){ 
    $scope.getResourcePromise = ResourceService.getResourceById($stateParams.id).then(function(response){ 
     $scope.resources = response; 
    }); 
}; 

，这里是我的检查功能，这将返回true或false

$scope.isCheckedLabel = function(resource){ 
    $scope.getResourcePromise.then(function(){ 
     for(var group in resource.groups){ 
      for(i = 0; i < resource.groups.length; i++){ 
       if (resource.groups[group].isChecked === true){ 
        return true; 
       } else { 
        return false; 
       } 
      } 
     } 
    }); 
}; 

我在做什么：通过每个组循环，如果有一个或多个'检查'我希望我的标签在前端显示检查。当其中一人被选中，假时没有被检查

我的函数返回true，但它不是在视图中显示我的元素，因为我得到这个错误在控制台：

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting! 
Watchers fired in the last 5 iterations: [] 

和它只是一遍又一遍地开火。这里发生了什么？

Answer 1

首要的事情是里面的值返回异步then回调不会是isCheckedLabel返回值。

看着你的代码，你不需要$scope.getResourcePromise.then在isCheckedLabel作为你已经有资源对象作为参数传递。也为循环代码似乎错了。更改为

$scope.isCheckedLabel = function(resource){ 
     for(var group in resource.groups){ 
      if (group.isChecked === true){ 
       return true; 
      } else { 
       return false; 
      } 
     } 
}; 

Answer 2

只有当您尝试更新$摘要运行时的dom时才会出现此错误。在您的情况下，您可以尝试将已检查的变量设置为$ scope变量资源中的另一个属性。

$scope.getResources = function() { 
    $scope.getResourcePromise = ResourceService.getResourceById($stateParams.id).then(function (response) { 
     $scope.resources = response; 
     $scope.resources.forEach(function (resource) { 
      $scope.getResourcePromise.then(function() { 
       for (var group in resource.groups) { 
        for (i = 0; i < resource.groups.length; i++) { 
         if (resource.groups[group].isChecked === true) { 
          //Here setting another property on the resource object 
          resource.checked = true; 
         } else { 
          resource.checked = false; 
         } 
        } 
       } 
      }); 
     }); 
    }); 
}; 

现在，在HTML，你可以做这样的事情简单：

<div ng-repeat="resource in resources"> 
    <i ng-show="resource.checked" class="fa fa-checked"> Checked </i> 
</div>