Page effects with javascript

Asked

Viewed 782 times

1

Can anyone answer me how to make pagination effects on my HTML page? For example I have a table but this table can only display 10 records at a time, does anyone have any idea how to do this using Angularjs or jquery?

javascript jquery angularjs

  • For Angularjs I’ve used ng-table, there’s also ng-grid, just search

  • Thanks guy, I searched but I didn’t find, you know how I access this at the angle? , example I click the button and call a function that references that button using this, as I would do with Angularjs?

  • You can use ng-click, and call the method, search "Crud Angularjs" which will find some examples of entries.

  • RECOMMEND: Angular UI Bootstrap - Pagination Directive Example: http://plnkr.co/edit/6PFCPuFrN6lfGHjHVwGf?p=preview Check out: http://angular-ui.github.io/bootstrap/ COMPLETE CODE: https://github.com/angular-ui/bootstrap/tree/master/src/pagination Another recommendation: https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination

  • This may help. Simple table with pagination http://bazalt-cms.com/ng-table/example/1

1 answer

2

Leonardo, follow the example below that I implemented upon the Dirpagination directive:

http://plnkr.co/edit/7kscCEXOFNBk4MTrnwcS?p=preview

The only change I made was to add the Animated.css file to the header, so I added the animation class to ngRepeat ( in the case of Dir-Pagination ), so any filter, or paging, will have the effect:

 <link rel="stylesheet" href="//daneden.github.io/animate.css/animate.min.css" />

<li class="animated fadeIn" dir-paginate="meal in meals | filter:q | itemsPerPage: pageSize" current-page="currentPage">{{ meal }}</li>

That is, it was not necessary to use anything other than css for this purpose.

Follow the site if you want to use other animations:

http://daneden.github.io/animate.css/

Browser other questions tagged javascript jquery angularjs

You are not signed in. Login or sign up in order to post.