如果您想要的只是一个 计数器 (按照您的第一个代码示例),请查看$
index,该索引包含包含的ngRepeat中的当前(从0开始)索引。然后只显示总数的数组长度。
<ul> <li ng-repeat="item in items"> Item number: {{$index + 1}} </li></ul><div>{{items.length}} Items</div>如果要在重复的项目中 总计一个特定字段 (例如价格),则可以使用过滤器执行此操作,如下所示。
<ul> <li ng-repeat="item in items"> Price: {{item.price}} </li></ul><div>Total Price: {{items | totalPrice}}</div>和过滤功能:
app.filter("totalPrice", function() { return function(items) { var total = 0, i = 0; for (i = 0; i < items.length; i++) total += items[i].price; return total; }});或者,为了 提高可重用性 ,可以使用通用的 总 过滤器功能:
app.filter("total", function() { return function(items, field) { var total = 0, i = 0; for (i = 0; i < items.length; i++) total += items[i][field]; return total; } });可以这样使用:
<div>Total price: {{items | total:'price'}}</div>


