Das Anzeigen einer Liste von Elementen ist für die meisten Webanwendungen eine gemeinsame Aufgabe. Normalerweise sind unsere Daten relativ groß und können auf einer einzelnen Seite nicht gut angezeigt werden. In diesem Fall müssen wir die Daten in einer Seitenform anzeigen, um zur vorherigen Seite und auf der nächsten Seite zu gehen. Jetzt lerne ich Angular, verwende AngularJS -Pagination, basierend auf der Richtlinie -Implementierung und verwendete stilvoller Bootstrap und füge dem HTML -Code direkt Tags hinzu, um ihn aufzurufen.
Schauen wir uns zuerst die Renderings an
Beispielcode
app.directive('pagePagination', function(){ return { restrict : 'E', template : '<div><ul><li ng-class="page.style" ng-repeat="page in pageList"><a href="{{ page.link }}">{{ page.name }}</a></li></ul><ul ng-if="pageList[0]"><li><span>Total<b>{{ pageRecord }}</b> records/Total<b>{{ pageCount }}</b> Pages</span></li></ul></div>', replace : true, scope : { "pageId" : "=", "pageRecord" : "=", "pageSize" : " $ scope.pageId - 1) / $ scope._pageSize) * $ scope._pageSize + 1; : $ scope.getLink (1)}) für (var pageId = Firstpage; PageID <FirstPage +10; PageID ++) {if (pageId> = 1 && pageId <= $ scope.pageCount) {page.push.push ({name: pageId): ore } page.push ({name: 'nächste Seite', style: $ scope.pageId == $ scope.pageCount? $ scope.getLink ($ scope.pageCount)}); !! $ scope.pageSize) {$ scope._pageSize = parseInt ($ scope.pagesize); $ scope.pageId <1) {$ scope.pageId = 1; $ scope.pageInit ();Anrufcode:
<Page-Pagination Page-ID = "PageID" Page-record = "recordCount" Page-URL-Template = "urltemplate"> </Seite-Pagination>
Das obige ist der gesamte Inhalt des Angular.js -Paginierungscode. Ich hoffe, es wird für das Lernen aller hilfreich sein, und ich hoffe, jeder wird Wulin.com mehr unterstützen.