Umas das coisas que mais utilizo nos projetos que desenvolvo s\u00e3o as pagina\u00e7\u00f5es, automaticamente n\u00e3o me dei conta da quantidade de pessoas que necessitam utilizar fun\u00e7\u00f5es similar.<\/p>\n
Utilizo com muita frequ\u00eancia o dirpagination. T\u00e3o f\u00e1cil de usar quanto…<\/p>\n
Incluo na declara\u00e7\u00e3o do meu m\u00f3dulo:<\/p>\n
var app = angular.module(‘App’, [‘angularUtils.directives.dirPagination’]);<\/strong><\/p>\n Ao inv\u00e9s de\u00a0<tr ng-repeat=”obj in listaDeItens”><\/em> passo a utilizar\u00a0<tr dir-paginate=”obj in listaDeItens\u00a0|itemsPerPage:10″>\u00a0<\/strong><\/p>\n Em seguida incluo os bot\u00f5es de navega\u00e7\u00e3o:\u00a0<dir-pagination-controls max-size=”8″ direction-links=”true” boundary-links=”true”><\/dir-pagination-controls><\/p>\n Simples n\u00e3o?<\/p>\n Resultado final:<\/p>\n <table class=”table”> N\u00e3o expliquei como usar e declarar meu m\u00f3dulo, classes, objetos, etc. Basicamente explico o uso do dirpagination. Ah… o JS que deve ser inclu\u00eddo no projeto, basta baixar no gitbut\u00a0https:\/\/github.com\/michaelbromley\/angularUtils\/tree\/master\/src\/directives\/pagination<\/p>\n At\u00e9 a pr\u00f3xima.<\/p>\n","protected":false},"excerpt":{"rendered":" Umas das coisas que mais utilizo nos projetos que desenvolvo s\u00e3o as pagina\u00e7\u00f5es, automaticamente n\u00e3o me dei conta da quantidade de pessoas que necessitam utilizar fun\u00e7\u00f5es similar. Utilizo com muita frequ\u00eancia o dirpagination. T\u00e3o f\u00e1cil de usar quanto… Incluo na declara\u00e7\u00e3o do meu m\u00f3dulo: var app = angular.module(‘App’, [‘angularUtils.directives.dirPagination’]); Ao inv\u00e9s de\u00a0<tr ng-repeat=”obj in listaDeItens”> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[49],"tags":[50,51],"jetpack_publicize_connections":[],"yoast_head":"\n
\n<thead>
\n<th>NOME<\/th>
\n<th>VALOR<\/th>
\n<\/tr>
\n<\/thead>
\n<tbody>
\n<tr dir-paginate=”obj in ListaDeItens\u00a0|itemsPerPage:10″>
\n<td>{{obj.name}}<\/td>
\n<td>{{obj.price | currency: “R$ “}}<\/td>
\n<\/tr>
\n<\/tbody>
\n<\/table>
\n<dir-pagination-controls max-size=”8″ direction-links=”true” boundary-links=”true”><\/dir-pagination-controls><\/p><\/blockquote>\n