angularjs - AngularJS - 在数组中显示集合的总和（在我的控制器中不使用 javascript）

Question

我正在寻找如何在我的控制器中不使用 javascript来显示数组结果的总和。

我的对象：

usages:[
       { frontends: [{errors: 1}, {errors: 2}, {errors: 3}] },
       { frontends: [{errors: 2}, {errors: 1}, {errors: 1}] }
]

我的 HTML 模板：

<tr ng-repeat="usage in foo.usages">
  <span>{{usage.frontends ???? }}&thinsp;%</span> 
</tr>

我想要这个结果：

+-------+
+   6   +
+-------+
+   4   +
+-------+

标签： angularjs

Answer 1

这是使用的解决方案ng-init：

<table>
    <tr ng-repeat="usage in usages" ng-init="total = {}" >
      <td ng-repeat="front in usage.frontends" ng-init="total.errors = front.errors + total.errors">
          <div ng-if="$last">{{ total.errors }}</div>
      </td> 
    </tr>
  </table>

检查工作演示：DEMO