Does anyone know how to answer me how to make paging 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?
Does anyone know how to answer me how to make paging 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?
Leonardo, follow the example below that I implemented on top of the DirPagination directive:
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 pagination 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: