ejemplos - map filter and reduce javascript

ng-repetir con seguimiento por y filtrar y ordenar. No funciona

Question

Tengo este codigo

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

Ver

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

No sé por qué el pedido no funciona y por qué el filtro no funciona.

En otra pregunta, he leído sobre algo que los objetos no se pueden filtrar ni ordenar. Pero tengo una matriz de los objetos de arriba. Además, ¿debería funcionar?

¿Cuál es el problema?

Answer 1

Para utilizar el seguimiento con filtros, el seguimiento por expresión debe agregarse después del filtro.

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

Aquí está el fiddle trabajo

Answer 2

Tienes que cambiar el código al siguiente.

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