Dir-pagination angularjs directive: update pagination after filtering

Question

I use the dir-pagination directive for pagination, its performance, but when filtering a page image without updating

Below is mycode:

<tbody dir-paginate="booking in bookinglist | itemsPerPage: 30 | orderBy:sortKey:reverse"> <tr ng-repeat="orders in booking.order | filter: booking_filter | dateRange: startDate : endDate | orderBy:sortKey:reverse"> <td>{{booking.customer_name}}</td> <td>{{orders.order_id}}</td> <td>{{orders.service_name}}</td> <td>{{orders.employee_name}}</td> <td>{{orders.area_name}}</td> <td>{{orders.booking_date | date:"dd/MM/yyyy"}}</td> <td>{{orders.booking_time}}</td> <td>{{orders.status}}</td> <td class="g-btn-full-width"> <button type="button" ng-click="EditBooking(orders._id)" class="btn btn-primary"><span class="fa fa-pencil"></span></button> <button type="button" ng-click="DeleteBooking(orders._id)" class="btn btn-danger"><span class="fa fa-trash"></span></button> <button type="button" ng-click="InvoiceGenerate(orders._id)" class="btn btn-warning">Invoice</button> </td> </tr> </tbody> </table> <dir-pagination-controls> max-size="5" direction-links="true" boundary-links="true" </dir-pagination-controls> </div> 

I am stuck with this ... Help would be much appreciated

Answer 1

You should use filter: booking_filter in your tag where you put dir-paginate

 <tbody dir-paginate="booking in bookinglist | filter: booking_filter | itemsPerPage: 30 | orderBy:sortKey:reverse"> 

Answer 2

Update your reservation list object inside the filter function. Because its two-way data binding updating the reservation list object can recount the filtered pagination.