I am facing an issue with pagination in my AngularJS UI application. I have a dataset that requires server-driven pagination due to its size.
The problem I'm encountering is that the pagination element is not displaying on the page, even though I have ensured that the totalItems and page parameters are correct.
<pagination total-items="totalItems" page="filterCriteria.pageNumber"></pagination>
Initially, I suspected that I might be missing some imported files necessary for pagination to work properly. However, after checking, I have confirmed that all required files are included:
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><!-- load jquery -->
<script src="js/angular-file-upload-shim-min.js"> </script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script><!-- load angular -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js"></script>
Can anyone provide insights into why the pagination element is not appearing on the page as expected?