While there is a previous thread discussing a similar topic Calculating total items in AngularJs Pagination (ui.bootstrap) doesn't work correctly, it does not address my specific issue and I am unsure how to contribute to it.
We are using a complex smList directive with the following HTML at the bottom of the page:
<div class="text-center" ng-show="vm.table.pageCount > 1">
<ul uib-pagination
total-items="vm.table.totalCount"
ng-model="vm.table.pageNumber"
items-per-page="vm.table.pageSize"
max-size="5"
rotate="false"
ng-change="vm.selectPage()"
previous-text="@Labels.previous"
next-text="@Labels.next"></ul>
</div>
In certain scenarios, the total number of pages does not update correctly. For example, if I perform a search with a filter and get 4 pages, then remove the filter, I should see more than 5 pages. However, I still see only 4 pages even though the controller table.totalCount reflects the correct numbers when traced through the code.
What steps can we take to resolve this issue? Should we reset totalCount to 0 before running a new search?
In the search function that retrieves results from the server, the code snippet looks like this:
.then(function (data) {
log.debug("After main search return...");
self.results = data.list;
self.table.totalCount = data.totalCount;
self.table.pageCount = data.pageCount;
self.table.pageSize = data.pageSize;
self.table.pageNumber = data.pageNumber;
self.showResults = true;Instead of setting total items manually, could we make use of the pagecount returned by the server (since calculations are already done there)? Is there a way to set the pagecount for uib-pagination instead of total-items?