Apply track by index and filter for ng-repeat: Angular

Angular default ng-repeat doesn't allow duplicate, for avoiding this you can add track by $index.

<div ng-repeat="user in userList track by $index">
    <span>{{user.name}}</span>
</div>

For applying filter you may try below code

<div ng-repeat="user in userList track by $index | filter:search">
    <span>{{user.name}}</span>
</div>

But it is not correct, filter should be done before applying track by $index.

<div ng-repeat="user in userList | filter:search track by $index">
    <span>{{user.name}}</span>
</div>

Whenever you are applying filter along with track by $index follow above one .You can have multiple filters.

You can read more about track by $index in angular js document

Related Posts

1. Angular js client side pagination like google.

2. Angular Loader using font awesome icons

3. Angular js add class to active element