2016-01-23 50 views
0

我正在使用angular創建一個web應用程序。我使用角度js創建了一個網格。我想在類似的頁面上使用分頁指令兩次。但是,當我首先點擊時,問題就會出現。在同一頁上多次分頁指令

這裏是我的代碼:

<div dir-paginate="partners in partnersData|orderBy:orderByField:reverseSort |filter:{name: partners.name, website: partners.website, location: partners.location}|itemsPerPage: limits as filteredArray" current-page="currentPage"> 
      <div class="rowDiv"> 
      <div class="cellDiv"><span ng-click="makeFavourite(partners)" class="star_rating hide" ng-class="{'select':partners.select}"></span> <span ng-click="showImage($index)"></span></div> 
      <div class="cellDiv" ng-click="showName($index)">{{partners.name}}</div> 
      <div class="cellDiv" ng-click="openWebsite(partners.website)">{{partners.website}}</div> 
      <div class="cellDiv">{{partners.location}}</div> 
      <div class="cellDiv">{{partners.service}}</div> 
      <div class="cellDiv">{{partners.connection}}</div> 
      <div class="cellDiv">{{partners.action}}</div> 
      <div class="cellDiv lastCell"><span class="icon_pluse" ng-click="openPlus($index)"></span><span class="icon_info" ng-click="openInfo($index)"></span></div> 
      </div> 
<dir-pagination-controls boundary-links="true" template-url="templates/dashboard/dirPagination.tpl.html"></dir-pagination-controls> 


<tr dir-paginate="informationData in information| itemsPerPage: pageSize" current-page="currentPage"> 
        <td>{{informationData.status}}</td> 
        <td>{{informationData.endpoint}}</td> 
        <td>{{informationData.partnerEndPoint}}</td> 
        <td>{{informationData.location}}</td> 
        <td>{{informationData.bandwidth}}</td> 
        <td>{{informationData.initiated}}</td> 
        <td>{{informationData.provisioned}}</td> 
        <td>{{informationData.Deleted}}</td> 
       </tr> 

回答

0

分頁指令是在這裏: https://github.com/michaelbromley/angularUtils/issues/128

分配分頁多時間,你必須得給分頁ID:

<tr dir-paginate="informationData in information| itemsPerPage: pageSize" pagination-id="abc"current-page="currentPage"> 
<dir-pagination-controls boundary-links="true" template-url="templates/dashboard/dirPagination.tpl.html" pagination-id="abc"></dir-pagination-controls>