javascript - ng-repeat - 在 html 循环中计数

Question

有没有办法计算一个项目，然后在循环外显示它？

<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>

有没有办法在这里做，而不在我的 Controller 中创建一个函数？

Answer 1

在 ng-repeat 中初始化的

total 将具有不同的作用域，无法在循环外访问。

试试这个:

<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>