title: dir-pagination directive angularjs : Update pagination after filtering
body: <p>Am using dir-pagination directive for pagination, its working fine but while filtering pagination not getting update</p>
  
  <p><a href="https://i.stack.imgur.com/3Oui9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3Oui9.png" alt="Error-Dir-Pagination"></a></p>
  
  <p>Below is mycode:</p>
  
  <pre><code>     &lt;tbody dir-paginate="booking in bookinglist | itemsPerPage: 30 | orderBy:sortKey:reverse"&gt;
          &lt;tr ng-repeat="orders in booking.order | filter: booking_filter | dateRange: startDate : endDate | orderBy:sortKey:reverse"&gt;
            &lt;td&gt;{{booking.customer_name}}&lt;/td&gt;
            &lt;td&gt;{{orders.order_id}}&lt;/td&gt;
            &lt;td&gt;{{orders.service_name}}&lt;/td&gt;
            &lt;td&gt;{{orders.employee_name}}&lt;/td&gt;
            &lt;td&gt;{{orders.area_name}}&lt;/td&gt;
            &lt;td&gt;{{orders.booking_date | date:"dd/MM/yyyy"}}&lt;/td&gt;
            &lt;td&gt;{{orders.booking_time}}&lt;/td&gt;
            &lt;td&gt;{{orders.status}}&lt;/td&gt;
            &lt;td class="g-btn-full-width"&gt;
              &lt;button type="button" ng-click="EditBooking(orders._id)" class="btn btn-primary"&gt;&lt;span class="fa fa-pencil"&gt;&lt;/span&gt;&lt;/button&gt;
              &lt;button type="button" ng-click="DeleteBooking(orders._id)" class="btn btn-danger"&gt;&lt;span class="fa fa-trash"&gt;&lt;/span&gt;&lt;/button&gt;
              &lt;button type="button" ng-click="InvoiceGenerate(orders._id)" class="btn btn-warning"&gt;Invoice&lt;/button&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;dir-pagination-controls&gt;
          max-size="5"
          direction-links="true"
          boundary-links="true"
      &lt;/dir-pagination-controls&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>am stuck with this...Help will be really appreciated</p>