Predictive search in angular js

Question

I want to implement predictive search using angular. Suppose, there are data of tens of thousands of employees then it's not feasible to preload all the data and use filter to on it.

How can I perform the same task? I want my search box dropdown <div> to show results just like its shown in Google Search.

score 0 · Answer 1 · answered Mar 23 '17 at 17:23

0

If you don't want to preload that much data on the browser you will need to do it server side and provide an API that will accept search params, search the database, and return a list of matches. I suggest reading up on type-aheads.

answered Mar 23 '17 at 17:23

Joshua J Wilborn

526
3
13

How can I implement the same in Ionic V1? – Nikhil Mar 24 '17 at 13:35

score 0 · Accepted Answer · edited May 23 '17 at 10:30

0

I would use angular-ui-bootstrap typeahead directive: https://angular-ui.github.io/bootstrap/#!#typeahead.

See this post for making calls to a server : How to tie angular-ui's typeahead with a server via $http for server side optimization?

edited May 23 '17 at 10:30

Community

1
1

answered Mar 23 '17 at 17:26

kennypowers

199
1
8

How can I implement the same in Ionic V1? – Nikhil Mar 24 '17 at 13:35
I would try this: https://github.com/guylabs/ion-autocomplete or on NPM https://www.npmjs.com/package/ion-autocomplete – kennypowers Mar 24 '17 at 16:09

Predictive search in angular js

2 Answers2