ejemplos - map filter and reduce javascript
ng-repetir con seguimiento por y filtrar y ordenar. No funciona (2)
Tengo este codigo
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?
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
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>