角度分页：当从第一页删除记录时，下一页中的记录不会在第一页中自动重新填充

Question

我使用了角度分页来显示记录。每个记录都有一个“分配给我”按钮。当我单击此按钮时，该特定记录将从列表中删除。这里的问题是，我每页显示10条记录。所以说，当我点击“分配给我”3条记录时，所有这3条记录都会被删除。理想情况下，第一页应从第二页中提取3条记录，并填写从列表中删除的3条记录的空格。但这不会发生。相反，只显示7条记录，删除的3条记录空间填充空白区域。这是代码。

//Pagination Settings
$scope.quoteCurrentPage = 1;
$scope.quoteTotalItems = 834;
$scope.maxSize = 5;
$scope.itemsPerPage = 10;

//HTML
<uib-pagination total-items="quoteTotalItems" ng-model="quoteCurrentPage" max-size="maxSize" class="pagination-sm" items-per-page="itemsPerPage" boundary-links="true" rotate="true"></uib-pagination>

<div class="panel-body" ng-repeat="quote in quotes.slice(((quoteCurrentPage-1)*itemsPerPage), ((quoteCurrentPage)*itemsPerPage))">
........
</div>

有人可以帮忙吗？

Answer 1

使用splice从数组中删除项目。试试吧：

$scope.removeQuote = function(quote) { 
   var index = $scope.qoute.indexOf(quote);
   $scope.quotes.splice(index, 1);     
}