Переместить limitTo партии в Angular ngRepeat

Question

У меня есть ngRepeat с limitTo в моем HTML. Это покажет первое число пользователей x - по существу, разбиение на страницы таблицы. Теперь мне нужно показать следующую партию x пользователей. Я добавил пару якорей, чтобы перейти на предыдущую или следующую страницу (с функциями, прикрепленными к клику). Теперь я не уверен, как манипулировать ngRepeat этими функциями, чтобы на самом деле показать правильную партию пользователей.

HTML

<div ng-repeat="user in users | limitTo:paginate.size"> 
    {{user.name}} 
    {{user.email}} 
</div> 

<ul class="pagination"> 
    <li><a href="" data-ng-click="prevPage()">left</a></li> 
    <li><a href="" data-ng-click="nextPage()">right</a></li> 
</ul> 

JS

$scope.users = //full users object here 

$scope.paginate = {}; 
$scope.paginate.size = 10; 

$scope.prevPage = function(){ 
    //load the previous 10 users 
} 

$scope.nextPage = function(){ 
    //load the next 10 users 
} 

Answer 1

Вы должны добавить еще один фильтр (или просто настраиваемый фильтр), такие как

<div ng-repeat="user in users | filter:getList(user, index)"> 
    {{user.name}} 
    {{user.email}} 
</div> 

, а затем в рамках

$scope.users = //full users object here 

$scope.paginate = {}; 
$scope.paginate.size = 10; 
$scope.paginate.start = 0; 

$scope.prevPage = function(){ 
    //load the previous 10 users 
    if ($scope.paginate.start) { 
     $scope.paginate.start -= $scope.paginate.size; 
    } 
} 

$scope.nextPage = function(){ 
    //load the next 10 users 
    $scope.paginate.start += $scope.paginate.size; 
} 

$scope.getList = function (user, index) { 
    return (index >= $scope.paginate.start && index < $scope.paginate.start + $scope.paginate.size); 
};