ng-repeat mit track-by-und filter-und orderBy funktioniert nicht

Habe ich diesen code.

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

Ansicht

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

Ich weiß nicht, warum die Bestellung nicht funktioniert und warum der filter nicht funktioniert.

Bei einer anderen Frage, habe ich etwas davon gelesen, dass Objekte, die nicht gefiltert werden oder bestellt. Aber ich habe ein array der Objekte vor. Auch, sollte es funktionieren!?

Was ist das problem?

InformationsquelleAutor der Frage PatrickB | 2015-04-13

  1. 49

    Tracking mit Filter, die track-by-Ausdruck Hinzugefügt werden, nachdem der filter.

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

    Hier ist die Arbeit fiddle

    InformationsquelleAutor der Antwort Sajeetharan

  2. 0

    müssen Sie ändern Sie den code wie den folgenden ein

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

    InformationsquelleAutor der Antwort Reza

Schreibe einen Kommentar