データが限界を超えた後にページ分割を追加する

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を追加します。