【问题标题】:Show number of ng-repeat items outside of its scope显示超出其范围的 ng-repeat 项目的数量
【发布时间】:2016-02-18 16:44:18
【问题描述】:

我正在重复这样的 JSON 对象(嵌套)项目列表:

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

我想在页面顶部的每个项目对象中显示“特定”项目的数量(在 ng-repeat 范围之外)。我不能使用 items.length,因为我想显示特定项目的数量(必须如此循环),但我不知道如何绑定来自 ng-repeat 的数据并在其范围之外使用它..

【问题讨论】:

  • 不知何故是的,但是他在范围内显示数据,这很好很容易。我以某种方式通过 ng-repeat 获取了创建的“li”元素的数量,并将这个值呈现在列表本身之外(在页面顶部)

标签: javascript angularjs


【解决方案1】:
 <span>Number of items :  {{countItems(items.length)}}</span>

$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;
};

它应该可以解决问题:)

【讨论】:

  • 对不起,我刚刚编辑了我的帖子!这适用于对象本身,但我需要达到每个对象的嵌套值。
  • 我改了答案!我不确定这段代码是否有效,因为我没有运行它,但这是解决您的问题的方法:)
  • 非常感谢 :) 我会尝试稍微调整一下,应该会很好。
猜你喜欢
  • 2014-12-18
  • 1970-01-01
  • 2014-07-31
  • 1970-01-01
  • 2016-11-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多