数据超出限制后添加分页

Question

我希望在可显示的数据超出过滤器后添加分页。我已经宣布一次可以显示6个数据的限制。我希望通过在表格下添加分页来显示其余数据。我该怎么做呢？

data.html

  <section>
    <div>
    <table style="width:90%"  class="table table-bordered" align="center" ng-controller="RetrieveDiaryController">
      <tr>
        <th style="width:40%">Date</th>
        <th style="width:30%">Type</th>
        <th style="width:30%">Level</th>
      </tr>
      <tr ng-repeat="d in diaries | orderBy:'date':true | limitTo : limit">
        <td>{{d.date | date: "dd-MM-yyyy"}}</td>
        <td>{{d.taken}}</td>
        <td>{{d.level}}</td>
        <tr ng-show="limit" ng-click='limit = undefined'>
      </tr>
    </table>
    </div>
   </section>

health.js

.controller('RetrieveDiaryController', ['$scope', 'Diary', function ($scope, Diary) {
       $scope.diaries = Diary.find();
       $scope.limit = 6;
    }]) 

Answer 1

您可以使用Angular ui bootstrap pagination directive。

然后根据每页的结果数量在分页上添加ng-show / ng-hide。