Currently, I am using ng-paginate for pagination on my website. However, I have encountered a problem when applying filters. Specifically, I have a dropdown menu with 3 different options to choose from.
The issue arises when I select an option from the dropdown menu - only the data on the current page is filtered. For example, if I have a total of 100 records and display 10 records per page, the filter will only apply to those 10 records. I am in search of a solution where the filter can be applied to all records, not just the ones on the current page. Below is the code written in jade:
<label for="exampleSelect1">Vehicle-Mode
<select id="exampleSelect1" name="opt" value="opt" ng-model="check" ng-change="getValue(check, fromDate, toDate)" class="form-control">
<option>Booked</option>
<option>checked_in</option>
</select>
</label>
<tr dir-paginate="vehicle in vehicles | filter:search | itemsPerPage:1000">
<td>{{xxx}}</td>
<td>{{yyy}}</td>
</tr>
<dir-pagination-controls max-size="1000" direction-links="true" boundary-links="true"></dir-pagination-controls>