ng-repeat ze śledzeniem i filtrowaniem i zamówieniem Nie działa

Question

Mam ten kod.

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'} 
    ]; 
} 

Zobacz

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

Nie wiem, dlaczego tak nie działa i dlaczego filtr nie działa.

Przy innym pytaniu przeczytałem o czymś, że obiektów nie można filtrować ani sortować. Ale mam tablicę powyższych obiektów. Powinno też działać !?

Na czym polega problem?

Answer 1

Aby używać śledzenia z filtrami, ścieżka po wyrażeniu musi zostać dodana po filtrze.

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

Oto pracuje fiddle

Answer 2

trzeba zmienić kod na następujący jednej

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