Exibir uma lista de itens é uma tarefa comum para a maioria dos aplicativos da Web. Geralmente, nossos dados serão relativamente grandes e não podem ser bem exibidos em uma única página. Nesse caso, precisamos exibir os dados em um formulário de página, com a função de ir para a página anterior e a próxima página. Agora estou aprendendo Angular, usando a paginação do AngularJS, com base na implementação da diretiva e usando o Bootstrap em estilo e adiciona tags diretamente ao código HTML para chamá -lo.
Vamos dar uma olhada nas renderizações primeiro
Código de exemplo
App.directive ('PagePagination', function () {return {RESTRITE: 'e', modelo: '<div> <ul> <li ng-class = "Page.style" ng-repeat = "Page em pagelist"> <a href = "{{Page.link}}}"> {{{{{{{{{{{) ng-if = "pagelist [0]"> <li> <mpan> total <b> {{pageRecord}} </b> registros/total <b> {{Pagecount}} </b> Pages </span> </li> </ul> </div>, replyer: true, escorre "=", PageurlTemplate ":" = "}, controlador: ['$ scope', função ($ scope) {$ scope.getLink = function (PageId) {return $ scope.pageurltemplate.reply (" {Page}, página) $ SCOPE.PAGEID - 1) / $ SCOPE._PAGESIZE) * $ SCOPE._PAGESIZE + 1; : $ scope.getLink (1)}); } página.push ({name: 'Próxima página', estilo: $ scope.pageId == $ scope.pageCount? $ scope.getLink ($ SCOPE.PAGECOUNT)}); !! Scope.PageID = 1; $ scope.pageinit ();Código de chamada:
<Page-Pagination Page-ID = "PageId" Page-Record = "RecordCount" Page-Url-Template = "UrlTemplate"> </Page-Pagination>
O exposto acima é todo o conteúdo do Código de Paginação Angular.js. Espero que seja útil para o aprendizado de todos, e espero que todos apoiem mais o wulin.com.