Eu tenho o seguinte código que repete e exibe o nome do usuário e sua pontuação:
<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>
E o controlador angular correspondente.
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'}]
}
Quando executo o código acima, recebo as iterações Error: 10 $ digest () atingidas. Abortando! erro no meu console.
Eu criei o jsfiddle para o mesmo.
O predicado de classificação está sendo inicializado apenas dentro do ng-repeat e também o limite está sendo aplicado no número de objetos. por isso, sinto que ter tanto o sortby quanto o limitTo observadores juntos é a razão do erro.
Se o $ scope.reverse for falso (ordem crescente de pontuação), não haverá erro.
Alguém pode me ajudar a entender o que está errado aqui? Aprecio muito sua ajuda.