ng-repeat absolute $index when using filter

Question

I'm trying to get the absolute $index of the ng-repeat when using the filter. For example I have an array like this:

$scope.notes = [
    {
        name: 'note 1',
        value: '1'
    },
    {
        name: 'note 2',
        value: '2'
    },
    {
        name: 'note 3',
        value: '3'
    },
    {
        name: 'note 4',
        value: '4'
    }
];

Without applying the filter, the $index refers to the index of each element in the array and I use the $index to the array.

note in notes | filter:filterTerm track by $index

When I use the expression above the $index gets updated for the new sub-array. Is it possible to get the absolute $index?

When you look at the $index of each note, what is shown if not the absolute index? — jcc
– jcc, Commented Aug 5, 2014 at 23:26

link64 · Accepted Answer · 2014-08-06 01:18:47Z

2

There is no 'absolute' $index here. The filter is returning a new array based on the array you passed in and the filter conditions.

Looking how you create your own custom filter makes this a bit easier to understand:

app.filter('myfilter',function()
{
  return function( items, filterArg) {
    var filtered = [];
    angular.forEach(items, function(item) {
      if(item.checkSomething(filterArg) {
        filtered.push(item);
      }
    });
    return filtered;
  };
}

answered Aug 6, 2014 at 1:18

link64

1,9661 gold badge26 silver badges43 bronze badges

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

2 Comments

Kash Pourdeilami Over a year ago

so there are no other way arounds?

link64 Over a year ago

On initalisation of your controller, you could iterate through your array and set a custom property with the original index

Collectives™ on Stack Overflow

ng-repeat absolute $index when using filter

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