表示する角度のページ区切りのコントロールページ番号

Question

私はページがあまりにも多すぎるとページロジックがグーグルロジックのようにページングされていると思われる角度のページ設定を使用しています。ここで

はので、私はそう表示するためにいくつかの余分な数字を削除する必要があり、私はページネーションの幅をrestricしたい同じ

ためのスクリーンショットであるそのようないくつかのページを削除する方法はあります開始時に7ページを表示すると、3ページに制限できます。

これは私の完全なコード

ページネーションHTML

<div class="paginationCont"> 
    <dir-pagination-controls boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="templates/pagination_ctrls.html"></dir-pagination-controls> 
</div> 

印刷行は、使用することができます

<tr ng-hide="transStatus=='inactive'" dir-paginate="item in transactions | filter: transSearch | itemsPerPage: pageSize" current-page="currentPage"> 
    <td><div class="checkbox"><label><input type="checkbox" ng-checked="allCheck"> {{item.txn_id}}</label></div></td> 
    <td>{{item.name}}</td> 
    <td>{{item.datetime | date:'yyyy-MM-dd HH:mm:ss'}}</td> 
    <td>{{item.amount}}</td> 
    <td>{{item.client_cut}}</td> 
    <td ng-switch="item.status"><span ng-switch-when="1">Active</span><span ng-switch-when="0">Inactive</span></td> 
</tr> 

Answer 1

です。 最大サイズ （オプション、デフォルト= 9）表示するページ分割リンクの最大数を指定します。デフォルトは9で、最小値は5です（5より小さい値を設定しても効果はありません）。

ので、あなたのページネーションのHTMLは、これはあなたを助けるこの

希望のようになります。最大サイズ= "5" 改ページを追加した後

<div class="paginationCont"> 
    <dir-pagination-controls max-size="5" boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="templates/pagination_ctrls.html"></dir-pagination-controls> 
</div> 

になります。