Angular Paginierung: Wenn Datensätze aus der ersten Seite gelöscht werden, werden die Datensätze aus der nächsten Seite werden nicht automatisch auf der ersten Seite

Question

nachgefüllt immer ich Winkel Paginierung verwendet haben, um Datensätze anzuzeigen. Ich habe einen Button 'Zu mir zuweisen' für jeden Datensatz. Wenn ich auf diese Schaltfläche klicke, wird dieser bestimmte Datensatz aus der Liste entfernt. Das Problem hier ist, ich zeige 10 Datensätze pro Seite. Wenn ich sage, dass ich für drei Einträge auf "Zuweisen" klicke, werden alle diese drei Einträge entfernt. Im Idealfall sollte die erste Seite 3 Datensätze von der zweiten Seite ziehen und die Leerzeichen der 3 Datensätze füllen, die aus der Liste entfernt wurden. Aber das passiert nicht. Stattdessen werden nur 7 Datensätze angezeigt und der Platz für die entfernten 3 Datensätze wird mit einem leeren Speicherplatz gefüllt. Hier ist der Code.

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

Kann mir bitte jemand helfen?

Answer 1

Verwenden splice zum Entfernen Element aus Arrays. Versuchen Sie es:

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