Bootstrap pagination does not work with angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.js

Question

Because of this thread, I need to use a high version of ui-bootstrap-tpls.js. However, I realise that this disabled bootstrap pagination, which works with a lower version of ui-bootstrap-tpls.js.

For example, this pagination works with https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.11.0/ui-bootstrap-tpls.js, whereas https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.js does not work.

Does anyone know what I could do?

Answer 1

Try this plunk with:

<ul uib-pagination total-items="totalItems" ng-model="currentPage" items-per-page="itemsPerPage" ng-change="pageChanged()"></ul>

instead of:

<pagination total-items="totalItems" items-per-page="itemsPerPage" ng-model="currentPage" ng-change="pageChanged()"></pagination>