Mostrar una lista de elementos es una tarea común para la mayoría de las aplicaciones web. Por lo general, nuestros datos serán relativamente grandes y no se pueden mostrar bien en una sola página. En este caso, necesitamos mostrar los datos en un formulario de página, con la función de ir a la página anterior y a la página siguiente. Ahora estoy aprendiendo Angular, usando Pagination AngularJS, basado en la implementación de la Directiva, y usando Bootstrap en estilo, y agrega directamente las etiquetas al código HTML para llamarlo.
Echemos un vistazo a las representaciones primero
Código de ejemplo
app.directive ('pagePagination', function () {return {restrict: 'e', plantate: '<div> <ul> <li ng-class = "page.Style" ng-repeat = "página en pageList"> <a href = "{{page.link}}"> {{page.name}}}} </a> </li 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" : ",", "PageUrlTemplate": "="}, controlador: ['$ scope', function ($ scope) {$ scope.getLink = function (pageId) {return $ scope.pageUrltemplate.replace ("{página}", página); $ scope.pageId - 1) / $ scope._pagesize) * $ scope._pagesize + 1; : $ Scope.getLink (1)}); } page.push ({name: 'página siguiente', estilo: $ scope.pageID == $ scope.pageCount? "desactivado": "", enlace: $ scope.getlink ($ scope.pageCount)}); $ scope.getLink ($ scope.pageCount)}); !! $ scope.pagesize) {$ scope._pagesize = parseInt ($ scope.pagesize); $ scope.pageId <1) {$ scope.pageId = 1; $ scope.pageInit ();Código de llamada:
<Page-Pagination Page-ID = "PageID" Page-Record = "RecordCount" Page-URL-Template = "Urltemplate"> </pagination>
Lo anterior es todo el contenido del código de paginación angular.js. Espero que sea útil para el aprendizaje de todos, y espero que todos apoyen más a Wulin.com.