angularjs内のdir-paginateのページサイズを動的に変更

Question

私はangularjsでdir-paginateを使用しています。私の質問は、私は動的にページを設定する必要がありますか？画面の解像度が1280×800,1440×900,1680×1050,1920×1200,2560×1600の場合、それに応じてページサイズが変更されるはずです。このexamle itemsPerPage = pageSizeを

で

<tr dir-paginate="ClientAppr in filteredPhones = (AllClientApprDtls | filter:search:strict) | itemsPerPage:pageSize" current-page="currentPage"> 
    <td class= "col-md-2">{{ClientAppr.persFullName}}</td> 
    <td class= "col-md-2"> {{ClientAppr.clientName}} </td> 
    <td class= "col-md-1"> {{ClientAppr.activeType}} </td> 
    <td class= "col-md-2"> {{ClientAppr.persOffEmail}} </td> 
    <td class= "col-md-2"> {{ClientAppr.clientRepTypeDesc}} </td> 
</tr> 

私はそれがページごとの8つの項目が表示されますページサイズ= 8をdeclaired。

Answer 1

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

ので、あなたの改ページのHTMLは次のようになります

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

とスクリプト

var screenWidth = $window.innerWidth; 
    if(screenWidth < 768){ 
     $scope.size=5; 
    } else if (screenWidth >= 768 && screenWidth < 992){ 
     $scope.size=6; 
    }else if (screenWidth >= 991 && screenWidth < 1200){ 
     $scope.size=7; 
    }else if (screenWidth >= 1200){ 
     $scope.size=8; 
    }