显示范围之外的ng-repeat项目数

时间:2016-02-18 08:26:17

标签: javascript angularjs

我重复了JSON对象(嵌套)项目列表,如下所示:

 <div ng-repeat='item in items'>
  <ul>
     <li ng-repeat='specific in item'>{{specific}}</li>
  </ul>
</div> 

我想提供一些特定的&#39;页面顶部每个项目对象中的项目(在ng-repeat范围之外)。我不能使用items.length,因为我想显示特定项目的数量(它必须循环这样),但我不知道如何绑定ng-repeat中的数据并在其外部使用它&#39 ;范围..

1 个答案:

答案 0 :(得分:1)

 <span>Number of items :  {{countItems(items.length)}}</span>

&#13;
&#13;
$scope.countItems = function(items) {
     var count = 0;
     for(var item in items) {
         for(var specific in item) {
             count++;
         }
         // Instead of the second for, you can just write : 
         // count = count + item.length;
     }
     return count;
};
&#13;
&#13;
&#13;

它应该做的伎俩:)