Wie man numerische Paginierungslinks in kundenspezifisches multi Auswahldropdown einbettet

Question

ich mag bekennen, dass ich im eckigen nicht sehr gut bin und noch lerne. Ich muss riesige Daten laden und muss per Dropdown zeigen. Ich würde es vorziehen, wenn ich die Paginierung am Dropdown-Ende machen könnte. Ich arbeite mit einem benutzerdefinierten Drop-down, das ist gut und von dieser Website http://developers.dss.ucdavis.edu/angularjs-serachable-multiselect-dropdown-directive/

, aber die oben genannten benutzerdefinierten Multi-Dropdown-Menü fehlt eine Funktion zum Anzeigen der Paginierung Link. Das Problem besteht also darin, dass der Benutzer keine Mindestdaten anzeigen kann und bei Bedarf auf einen anderen Link klickt, um den nächsten Datensatz zu laden. wundern Sie sich, dass irgendjemand sich Gedanken macht, Code in die benutzerdefinierte Direktive einzufügen, die dort die Paginierungsfunktion hinzufügt.

so kann ich zu einem Zeitpunkt 20 Daten laden und klicken Sie auf nächste Paginierung Link um die nächsten 20 Daten zu laden. Ich habe gesehen, dass Leute bereits eckige Paginierungsrichtlinien entwickelt haben. Hier ist ein ähnlicher Link http://angularjs4u.com/pagination/top-5-angularjs-pagination-demos-2014/ daher bin ich neu in eckig so nicht zu verstehen, wie benutzerdefinierte Umbruch-Direktive in einer anderen benutzerdefinierten Multi-Select-Dropdown-Anweisung hinzuzufügen.

es wird wirklich gut helfen, wenn jemand mir zeigen, wie man es erreicht. Danke

Answer 1

Mit dem gleichen UI Bootstrap, das sie in diesem Blog verwenden, gibt es eine Paginierungsanweisung.

Here's a Plunkr

Ein paar wichtige Punkte sind hier:

1. Die normale ng-repeat wird als gefilterte Variable zusammen mit paginierte zur Aktualisierung von Suchfilter zu ermöglichen.

   ng-repeat="item in filtered = (allItems | filter: ... 
   

2. Im gleichen Wiederholung nach dem Filter Sie eine "LimitTo" gesetzt Paginierung auf der Liste

   ...) | limitTo:limit:begin 
   

   Dann folgen müssen Sie nur noch die ui bootstrap pagination <uib-pagination total-items="filtered.length">