Question

我在一个表中使用dir-paginate，该表由嵌套的ng-repeat数据填充。正确填充了表格，但是在一个表格中完成排序和分页也会导致所有剩余的表格。我也使用了$ index跟踪，但没有用。

   <div ng-repeat= "pData in parentData">
    {{PData.item}}

   <table>
   <thead>
   </thead>
   <tbody> 

   <tr dir-paginate="item in pData.appraisals|orderBy:sortKey:reverse|filter:GenericSearch|itemsPerPage 
:10" pagination-id="policyHolderAppraisals"

 <td>{{item.b}}</td>
 <td>{{item.a}}</td>

 </tbody>
 </table>
 </div>

Answer 1

是的，可以通过使用分页ID唯一地标识每个分页控件并将其分组以进行排序，过滤等操作来完成。

例如

<ul>
    <li dir-paginate="customer in customers | itemsPerPage: 10" pagination-id="cust">{{ customer.name }}</li>
</ul>

<dir-pagination-controls pagination-id="cust"></dir-pagination-controls>

<ul>
    <li dir-paginate="branch in branches | itemsPerPage: 10" pagination-id="branch">{{ customer.name }}</li>
</ul>

<dir-pagination-controls pagination-id="branch"></dir-pagination-controls>

更多信息可以在这里找到 https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination#multiple-pagination-instances-on-one-page

使用嵌套ng-repeat

1 个答案: