Search with infinite scrolling using rxjs/observables

Hi,

what is the best practice to implement a search functionality, taking advantage of observables/rxjs while using infinite scroll?

So I found several articels regarding normal search, like https://blog.thoughtram.io/angular/2016/01/06/taking-advantage-of-observables-in-angular2.html or paginated search https://blog.bouzekri.net/2016-05-15-angular2-rxjs-simple-paginated-list-with-search-field but I still have trouble to map this to some useful pattern to use for a infinite scrollable list.

How to deal with the old result set, the service call would have to preserve the old result if only the “range” of viewed items changed but not the search term. But also it should not leak the whole result set once user is done with searching or searching a different term.

Does somebody have an example of how to implement this service calls?

Thanks!

1 Like