AngularJS: $index lost with filter?

Question

I'm new to AngularJS so please be kind to me.. :-P

So I'm looping twice with ng-repeat as in this example:

    <ul>
      <li ng-repeat="b in aMSG">
        <p>{{b.name}}</p>
        <ul>
          <li ng-repeat="c in b.x"><a ng-click="getM($parent.$index,$index)" href="#">{{c.name}}</a></i>
        </ul>
      </li>
    </ul>

See the fiddle: http://jsfiddle.net/trK98/

But when I apply a filter to search for text within the children:

    <ul>
      <li ng-repeat="b in aMSG">
        <p>{{b.name}}</p>
        <input type="text" ng-model="search" placeholder="Search for?">
        <ul>
          <li ng-repeat="c in b.x|filter:search"><a ng-click="getM($parent.$index,$index)" href="#">{{c.name}}</a></i>
        </ul>
      </li>
    </ul>

The $index is lost as you can see here: http://jsfiddle.net/zb2kc/

(search for instance for juice then click on it you'll see $index = 0)

What am I doing wrong?

Thank you!

P.S: Sorry for my poor english.

it's not lost, because your filtered array has only 1 item and juice is the first item. — Khanh TO
– Khanh TO, Commented Feb 8, 2014 at 5:53
I see. So how to point to the index in the not filtered array? — pr.nizar
– pr.nizar, Commented Feb 8, 2014 at 5:54
@pr.nizar: I don't know why you need to point to the original index. But you could try a trick with ng-show and use the original array. — Khanh TO
– Khanh TO, Commented Feb 8, 2014 at 5:55

user680786 · Accepted Answer · 2014-02-08 07:20:17Z

2

Never use $index for any kind of logic. It can be used for managing CSS classes only. It's a highly volatile variable and will be changed after any change in source array (deletion, re-ordering), so $index is not bind to element of array, but only to position of some element in current view rendering.

answered Feb 8, 2014 at 7:20

user680786

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

Collectives™ on Stack Overflow

AngularJS: $index lost with filter?

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