Migration von Seitennummerierung zu uib-Paginierung - Wie wird die Gesamtmenge der Elemente eingestellt?

Question

Ich aktualisiere gerade ein 3 Jahre altes Projekt, in dem ich eine frühe Version von Angular UI Bootstrap verwendet habe. Unter anderem versuche ich, pagination zu uib-pagination zu migrieren, aber obwohl ich die Dokumentation lese und versuche, danach zu suchen, konnte ich keine Erklärung für Gesamtartikel finden, die erklären, warum es höher als die Seiten sein muss.

Hier ist, was ich hatte vor:

<pagination num-pages="player.rounds.length" current-page="selectedRound" class="pagination-centered" previous-text="Vorherige Runde" next-text="Nächste Runde" on-select-page="selectedRound=page"></pagination> 

Dies ist, was ich benutze jetzt

<uib-pagination total-items="player.rounds.length*8" ng-model="selectedRound" class="pagination" previous-text="Vorherige Runde" next-text="Nächste Runde"></uib-pagination> 

mir jemand zeigen kann oder geben Sie mir eine gute Erklärung der Gesamteinzelteile? Warum muss ich es mit 8 multiplizieren mit uib-pagination, um ein ähnliches Ergebnis im Vergleich zu pagination zu bekommen?

Answer 1

Da die Dokumentation ziemlich spärlich ist, brauchte ich eine Weile, um das herauszufinden. Der Parameter items-per-page steuert die Elemente pro Seite. Standardmäßig ist itemsPerPage auf 10 gesetzt. Das Beispiel in der uib-pagination Dokumentation verwirrte mich, weil die Gesamt-Items auf 64 gesetzt sind, was bedeutet, dass die ersten 6 Seiten 10 Items haben und die 7. Seite nur 4 Items.

Um das gleiche Verhalten wie bei pagination zu bekommen, die items-per-page müssen nur auf 1

eingestellt werden