2017-01-30 17 views
1
<tr dir-paginate="plan in access |itemsPerPage: 10" total-items="planCount" current-page="current"> 
     <td>{{plan._id}}</td> 
     <td>{{plan.name}}</td> 
     <td>{{plan.email}}</td> 
     <td>{{plan.contactNumber}}</td> 
     <td>{{plan.accessToken}}</td> 
     <td>{{plan.downloadSpeed | toMBPS}}</td> 
     <td>{{plan.uploadSpeed | toMBPS}}</td> 
     <td>{{plan.issueTime}}</td> 

と、このディレクティブdir-pagination-controlsは最初の10項目のみを表示します。 Angularjs

<div class="text-center"> 
    <dir-pagination-controls auto-hide="false" on-page-change="pageChanged(newPageNumber)"></dir-pagination-controls> 
</div> 

であり、これは角度コード

$scope.planCount = 0; 
    $scope.current = 1; 
    $scope.pageChanged = function(value) { 
    console.log("Going to page" + value); 
    } 

あるデータがサーバーから来ているが、それが正常に動作しています。私はデータを記録しており、完全なデータを受け取りました。また、変更されたページ番号を正しく登録しています。

まだ、最初の10個のアイテムしか表示されていませんが、私は何ページ番号であっても問題ありません。

注:不完全なhtmlは気にしないでください。それは私の状況に関連する唯一の部分です。コード全体を投稿することはできません。

また、別のページでこれを使用していますが、問題なく動作しています。

+0

コンソールログには何がありますか? –

+0

サーバー側からの最初の10の結果が同じである可能性があります。サーバー側からの応答が表示されているかどうかはわかります。ページ番号を変更するたびにレコードが変更されるたびに取得します。 –

+0

@ N.K私はそれを修正しました。サーバー側にページ区切りがありませんでした。 –

答えて

0
<tr dir-paginate="plan in access |itemsPerPage: 10" total-items="planCount" current-page="current"> 

上記の行を削除してくださいtotal-items="planCount"。それもここでもうまくいくでしょう。

関連する問題