ng-repeat 추적 기준 및 필터 및 순서 미작동

ng-repeat 추적 기준 및 필터 및 순서 미작동

난 이 코드가 있어.

http://jsfiddle.net/0tgL7u6e/

자바스크립트

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>

왜 주문이 안 되는지, 왜 필터가 안 되는지 모르겠어요.

또 다른 질문에서, 저는 어떤 사물을 필터링하거나 정렬할 수 없는 것에 대해 읽은 적이 있습니다.하지만 위에 있는 물건들의 배열이 있습니다.또한, 그것은 효과가 있을 것이다!?

문제가 뭐죠?

필터와 함께 추적을 사용하려면 식에 의한 트랙을 필터 뒤에 추가해야 합니다.

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

작업내용은 다음과 같습니다.

코드를 다음과 같이 변경해야 합니다.

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

언급URL : https://stackoverflow.com/questions/29608450/ng-repeat-with-track-by-and-filter-and-orderby-not-working