AngularJS 分页未显示所有页面

Question

我正在为我的 angularJS 分页使用 dirPagination.js 并使用此代码

 < uib-pagination class="pagination float-right" total-items="data.length" ng-model="page" previous-text="&lsaquo;" next-text="&rsaquo;" items-per-page=selectvalue></uib-pagination>

如果我在下面使用这段代码，我的图表显示得非常好，但我的分页有问题，它没有完全显示我需要的所有寻呼机。例如我总共有 15 个数据，我每页过滤 5 个项目，我的寻呼机只显示第 1 页和第 2 页。

如果我将下面的代码更改为 data = collections 中的集合，我的寻呼机可以正常显示 3 页，但我的问题是我的图表没有显示（图片）。我不知道为什么我的图表有这个问题，但他们没有相关数据。

 < div class="col-sm-4" ng-repeat="collection in collections | orderBy:sortColumn:reverseSort | limitTo:selectvalue:selectvalue*(page-1)">

我有 chart.js 的代码来显示甜甜圈图的数据并且工作正常。

    <div class="graph-chart" style="position: relative; height:20vh; width:20vw;">
        <canvas id="doughnut" class="chart chart-doughnut doughnut-year"
             colours="colours"
             chart-data="data" chart-labels="labels"></canvas>
 </div>

Answer 1

我用这段代码解决了

  <div class="col-sm-4" dir-paginate="collection in  collections | itemsPerPage:selectvalue" current-page="page">

至于传呼机显示我用这个

<dir-pagination-controls class="pagination"></dir-pagination-controls>

AngularJS 分页未显示所有页面

AngularJS Pagination not showing all pages

angularjs

chart.js

dirpagination