calculation with $index in angularjs?

Question

I want to do some arithmetic operation with $index in ng-repeat. The following code is not working:

<tr ng-repeat="item in quotation.items track by $index">
    <td class="text-center"><strong>{{$index++}}</strong></td>
    <td><a href="javascript:void(0);">{{item.item}}</a></td>
    <td>{{item.quantity}}</td>
    <td>{{item.rate}}</td>
    <td>{{item.rate * item.quantity}}</td>
</tr>

How can I solve this?

I have a feeling you need $index + 1, as $index++ tries to change the actual value of your loop variable. — Millie Smith
– Millie Smith, Commented Mar 15, 2015 at 15:13

Millie Smith · Accepted Answer · 2015-03-15 15:23:50Z

3

You need to use + 1. ++ always modifies the variable, and that never works well when you do that on a loop variable.

$index + 1

And this is the correct syntax for the ng-repeat. You don't need a by $index. $index is created automatically.

<tr ng-repeat="item in quotation.items">

edited Mar 15, 2015 at 15:23

answered Mar 15, 2015 at 15:17

Millie Smith

4,6142 gold badges28 silver badges62 bronze badges

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

2 Comments

Millie Smith Over a year ago

You're welcome. @entre, Why'd you add by $index back in? It was throwing errors for me, but I'm new to javascript.

Millie Smith Over a year ago

Ok, I see now. I had left track in. Taking out track or adding by $index in both work.

Collectives™ on Stack Overflow

calculation with $index in angularjs?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related