ng-repeat with track by and filter and orderBy not working

Question

I have this code.

http://jsfiddle.net/0tgL7u6e/

JavaScript

var myApp = angular.module(\'myApp\',[]);

function MyCtrl($scope         


        

Answer 1

To use tracking with filters, the track by expression has to be added after the filter.

<p ng-repeat="contact in contacts | orderBy: 'name' | filter: nameFilter  track by $index">{{ contact.name }}</p>

Here is the working fiddle

Answer 2

you have to change the code to the following one

<div ng-controller="MyCtrl">
    <div><input type="text" ng-model="nameFilter" placeholder="Search..." /></div>
    <p ng-repeat="contact in contacts  | orderBy: name | filter: nameFilter track by $index ">{{ contact.name }}</p>
</div>