Umas das coisas que mais utilizo nos projetos que desenvolvo são as paginações, automaticamente não me dei conta da quantidade de pessoas que necessitam utilizar funções similar.
Utilizo com muita frequência o dirpagination. Tão fácil de usar quanto…
Incluo na declaração do meu módulo:
var app = angular.module(‘App’, [‘angularUtils.directives.dirPagination’]);
Ao invés de <tr ng-repeat=”obj in listaDeItens”> passo a utilizar <tr dir-paginate=”obj in listaDeItens |itemsPerPage:10″>
Em seguida incluo os botões de navegação: <dir-pagination-controls max-size=”8″ direction-links=”true” boundary-links=”true”></dir-pagination-controls>
Simples não?
Resultado final:
<table class=”table”>
<thead>
<th>NOME</th>
<th>VALOR</th>
</tr>
</thead>
<tbody>
<tr dir-paginate=”obj in ListaDeItens |itemsPerPage:10″>
<td>{{obj.name}}</td>
<td>{{obj.price | currency: “R$ “}}</td>
</tr>
</tbody>
</table>
<dir-pagination-controls max-size=”8″ direction-links=”true” boundary-links=”true”></dir-pagination-controls>
Não expliquei como usar e declarar meu módulo, classes, objetos, etc. Basicamente explico o uso do dirpagination. Ah… o JS que deve ser incluído no projeto, basta baixar no gitbut https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination
Até a próxima.
