michaelbromley
dir paginate two repeat
this is myscript on client
<div class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12" style="overflow:hidden">
<nav class="navbar navbar-default">
<div class="container">
<ul class="nav navbar-nav">
<li><a href="#/">All Customer </a></li>
<li><a href="#/add-customer">Add Customer </a></li>
<li><a href="#/message">Messages </a></li>
<li><a href="#/outbox">Outbox </a></li>
</ul>
</div>
</nav>
</div>
<div class="col-md-12">
<div class="card" style="">
<div class="row">
<div class="col-md-6 col-xs-12">
<h4 class="title">Outbox</h4>
<p class="category"></p>
</div>
<div class="col-md-6 col-xs-12">
<input type="text" ng-model="search" placeholder="Search" class="form-control">
</div> <!--content-->
</div>
<div class="row">
<table class="table table-hover table-striped">
<thead>
<th>No</th>
<th>Date Created</th>
<th>Contact Center Alias</th>
<th>Customer Name</th>
<th>Text</th>
<th>*</th>
</thead>
<tbody>
<tr dir-paginate="r in interaction | filter:search | itemsPerPage: pageSize"
current-page="currentPage">
<td>{{ ($index + 1) + (currentPage - 1) * pageSize}}</td>
<td>{{r.created}} </td>
<td>{{r.contactCenter.alias}}</td>
<td ng-repeat="x in contact">{{x.crmCustomer.name}}</td>
<td>{{r.content}}</td>
<td>
<div class="btn-group">
<a href="#/edit-customer/{{ r.id }}" class="btn btn-primary btn-xs">Edit</a>
<a href="#/delete-customer/{{ r.id }}" class="btn btn-danger btn-xs">Delete</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<center>
<dir-pagination-controls boundary-links="true"
on-page-change="pageChangeHandler(newPageNumber)"
max-size="1000"
direction-links="true"
template-url="themes/views/company/paginTemplate.html">
</dir-pagination-controls>
</center>
</div><!--card-->
</div><!--col-md-12-->
</div><!--row-->
</div><!--container-->
</div><!--content-->
how make two repeat in one dir paginate
Hi,
I know this is very late, but I don't understand what you want. Could you elaborate? (or close if this is no longer an issue).
Stumbled onto this looking for another issue but thought I could help clarify:
It seems the issue poster is wondering how they could concatenate two sets of ng-repeat results into one paginated list. For example lets say they have a messages table, that for whatever reason uses the following design to list both pending and existing messages in the table.
<table id="messages">
<tr ng-repeat="msg in Msgs">...</tr>
<tr ng-repeat="msg in pendingMsgs">...</tr>
</table>
It seems he would like to know in a case like the above, how he would have one pagination set for the whole table, not just one of the two repeats.
