ng-repeat con track by e filter e orderBy not working

Question

Ho questo codice.

http://jsfiddle.net/0tgL7u6e/

JavaScript

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

function MyCtrl($scope) { 
    $scope.nameFilter = ''; 
    $scope.contacts = [ 
     {name: 'GHI'}, 
     {name: 'DEF'}, 
     {name: 'ABC'}, 
     {name: 'JKL'} 
    ]; 
} 

View

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

Non so il motivo per cui l'ordine non funziona e perché il filtro non funziona.

In un'altra domanda, ho letto su qualcosa che gli oggetti non possono essere filtrati o ordinati. Ma ho una matrice degli oggetti sopra. Inoltre, dovrebbe funzionare !?

Qual è il problema?

Answer 1

Per utilizzare il tracciamento con i filtri, la traccia per espressione deve essere aggiunta dopo il filtro.

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

Ecco il lavoro fiddle

Answer 2

è necessario modificare il codice al successivo

<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>