Pagination from AngularJS ui not visible

Question

I have a simple dataset that I want to paginate using angular-js ui. It's server driven pagination since it can get quite big.

Now, I have the problem that my pagination element is not showing up.

<pagination total-items="totalItems" page="filterCriteria.pageNumber"></pagination>

is what I have, these two parameters are both correct (tested that).

At first I thought I might not have all the correct files imported, but after some checking I can't seem to find anything missing:

<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>

Any thoughts why the pagination element does not show up on my page?

have you put 'ui.bootstrap' into dependencies of your module? check the source in the browser whether pagination directive was correctly replaced by its template — Fedor Skrynnikov
– Fedor Skrynnikov, Commented Feb 7, 2014 at 12:39
I hope that you are aware that you don't need jQuery nor Bootstrap's JavaScript to use angular-ui/bootstrap! — pkozlowski.opensource
– pkozlowski.opensource, Commented Feb 7, 2014 at 16:43

Fedor Skrynnikov · Accepted Answer · 2016-04-15 02:20:01Z

9

So as I commented you didn't put ui.bootstrap dependency into your module

angular.module(appName, [
   'ui.bootstrap' 
]);

edited Apr 15, 2016 at 2:20

answered Feb 7, 2014 at 12:43

Fedor Skrynnikov

5,6494 gold badges30 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Paul D'Ambra Over a year ago

so annoyed with myself and in love with you right now!

Collectives™ on Stack Overflow

Pagination from AngularJS ui not visible

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related