dir-pagination directive angularjs : Update pagination after filtering -

am using dir-pagination directive pagination, working fine while filtering pagination not getting update

below 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> 

am stuck this...help appreciated

you have use filter: booking_filter in tag have put dir-paginate

<tbody dir-paginate="booking in bookinglist | filter: booking_filter | itemsperpage: 30 | orderby:sortkey:reverse">