У мене є такий код, який повторює і відображає ім’я користувача та його оцінка:
<div ng-controller="AngularCtrl" ng-app>
<div ng-repeat="user in users | orderBy:predicate:reverse | limitTo:10">
<div ng-init="user.score=user.id+1">
{{user.name}} and {{user.score}}
</div>
</div>
</div>
І відповідний кутовий контролер.
function AngularCtrl($scope) {
$scope.predicate = 'score';
$scope.reverse = true;
$scope.users = [{id: 1, name: 'John'}, {id: 2, name: 'Ken'}, {id: 3, name: 'smith'}, {id: 4, name: 'kevin'}, {id: 5, name: 'bob'}, {id: 6, name: 'Dev'}, {id: 7, name: 'Joe'}, {id: 8, name: 'kevin'}, {id: 9, name: 'John'}, {id: 10, name: 'Ken'}, {id: 11, name: 'John'}, {id: 1, name: 'John'}, {id: 2, name: 'Ken'}, {id: 3, name: 'smith'}, {id: 4, name: 'kevin'}, {id: 5, name: 'bob'}, {id: 6, name: 'Dev'}, {id: 7, name: 'Joe'}, {id: 8, name: 'kevin'}, {id: 9, name: 'John'}, {id: 10, name: 'Ken'}]
}
Коли я запускаю вищевказаний код, я отримую ітерації помилки: 10 $ digest (). Аборт! помилка в моїй консолі.
Я створив jsfiddle для того ж.
Присудок сортування ініціалізується лише всередині ng-повтору, а також обмеження застосовується до кількості об'єктів. тож я відчуваю, що спостерігачі разом і sortby, і limitTo є причиною помилки.
Якщо $ range.reverse помилковий (порядок зростання балів), він не помиляється.
Хтось може допомогти мені зрозуміти, що тут не так? Багато вдячний за вашу допомогу.