Angularjs ng-repeat running total based on value

Question

Working in angularjs and looking to keep a running total based on a value retrieved from the data. The following code always returns the full total value for all items.

<div ng-repeat="child in pItem.childItems | orderBy:'displayOrder'" ng-init="$parent.totalValue = $parent.totalValue + child.field[0].value">

Changing that from the parent scope to the child clears the totalValue on each repeat. So the value always equals the child value just for that one item.

I'm looking for something which returns similar to the following. Where Item1 has a value 2, Item2 a value 3, and Item3 a value 4.

Item1 2
Item2 5
Item3 9

d-_-b · Accepted Answer · 2015-11-25 20:36:33Z

5

Try something like this, this should do the trick:

<div 
  ng-repeat="child in pItem.childItems | orderBy:'displayOrder'" 
  ng-init="child.totalValue = pItem.childItems[$index-1].totalValue + child.field[0].value">
    {{child.field[0].value}} {{child.totalValue}}
</div>

So you basically sum with the previous totalValue result.

edited Nov 25, 2015 at 20:36

d-_-b

23.2k43 gold badges174 silver badges291 bronze badges

answered Jun 29, 2015 at 17:40

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

2 Comments

Brett Over a year ago

Excellent. It makes sense now.

d-_-b Over a year ago

... to think...the amount of time you saved me from coding some horrible for loop :) thanks!

Collectives™ on Stack Overflow

Angularjs ng-repeat running total based on value

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related