ng-repeat-在html循环中计数

一尘不染

ng-repeat-在html循环中计数

angularjs

无论如何，有没有一项要计数，然后在循环之外显示呢？

<tr ng-repeat="value in values">
   <td>value.total</td>
</tr>
<tr>
   <td>Total Of All Values: {{ total }}</td>
</tr>

我曾经尝试过ng-init()没有成功，因为我认为每次都压倒一切。

<tr ng-repeat="value in values">
   <td ng-init="total = total + value.total>value.total</td>
</tr>
<tr>
   <td>Total Of All Values: {{ total }}</td>
</tr>

无论如何，在我的控制器中未执行任何功能就可以做到这一点吗？

阅读 542

2020-07-04

共1个答案

一尘不染

total 在ng-repeat中初始化的代码将具有不同的作用域，并且无法在循环外部访问。

试试这个：

<table ng-init="total = 0">
<tr ng-repeat="value in values">
   <td ng-init="$parent.total = $parent.total + value.total">{{value.total}}</td>
</tr>
<tr>
   <td>Total Of All Values: {{ total }}</td>
</tr>
</table>

2020-07-04