AngularJS - Display the sum of a collection in array (without use a javascript in my controller)

Question

I looking for how to display sum of result from array without use a javascript in my controller.

My object:

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

My HTML template:

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

I want this result:

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

Bill P · Accepted Answer · 2019-09-11 14:40:05Z

1

Here is a solution using 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>

Check the working demo: DEMO

answered Sep 11, 2019 at 14:40

Bill P

3,61610 gold badges24 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS - Display the sum of a collection in array (without use a javascript in my controller)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related