CODEWITHSUNDEEP
angular-ui-bootstrap
user1015388
user1015388

Reputation: 1515

UI-Bootstrap pagination doesn't work when I upgrade to 1.2.5

I implemented pagination using ui-bootstrap-tpls-0.11.0.js. Now when I upgrade to ui-bootstrap-tpls-1.2.5.js, the pagination doesn't work.

Is there any example for pagination using ui-bootstrap-tpls-1.2.5.js. With the current implementation, I am using like below

<pagination total-items="totalItems" ng-model="currentPage"  
    max-size="5" boundary-links="true"  
    items-per-page="numPerPage" class="pagination-sm">  
</pagination>

Upvotes: 1

Views: 465

Answers (1)

svarog
svarog

Reputation: 9847

Your migration is not so far from being over.

From the docs

Since version 0.14.0 we started to prefix all our components. If you are upgrading from ui-bootstrap 0.13.4 or earlier, check our migration guide

The directive name you are looking for is uib-pagination.

Check out the syntax here

So, your new markup (for version 1.2.5) would look something like this

<uib-pagination total-items="totalItems" ng-model="currentPage"  
    max-size="5" boundary-links="true"  
    items-per-page="numPerPage" class="pagination-sm">  
</uib-pagination>

Upvotes: 1

Related Questions