angularjs - How to filter data from array and apply infinite scroll using angular js? -

i have requirement query records , push array. , since have 2000 records display, takes more time. implement infinite scroll. have filter feature along this. how can show records on scroll , show filtered records on scroll when search box contains search term? pls help.

thanks in advance!

this more complicated task since built in angular filter requires elements in local array before being able filter. cannot use it, , must move task of filtering server, example using sql %like% query.

you need reuse both array of records, , pagination component. there 2 use cases:

1. user viewing unfiltered list
2. user has entered valid search query , viewing filtered list

when user viewing unfiltered list, querying api endpoint ex:

server.com/api/records?page=page_number 

when user viewing filtered list, querying api endpoint ex:

server.com/api/records?page=page_number&query=mysearchquery 

---

so entire task becomes:

1. user viewing unfiltered list

2. user enters search term in search box

   • use debounce check input query validation, ex: length > 4

3. front end clears entire list of records, , reset pagination state

4. pagination occuring on filtered list

when user clears search box:

1. clear list of filtered records , reset pagination state
2. begin paginating unfiltered list once again

if specific questions part of process, i'd happy update answer.