it-roy-ru.com

nG-повторить с трек по и фильтром и порядок не работает

У меня есть этот код.

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

Посмотреть

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

Я не знаю, почему заказ не работает и почему фильтр не работает.

На другой вопрос, я читал о том, что объекты не могут быть отфильтрованы или упорядочены. Но у меня есть массив объектов выше. Кроме того, это должно работать!

В чем проблема?

23
PatrickB

Чтобы использовать трекинг с фильтрами, трек по выражению должен быть добавлен после фильтра.

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

Вот рабочая fiddle

54
Sajeetharan

вы должны изменить код на следующий

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