Using Angular for search inbox (like Google search)

Question

I want something like Google search matches. When I type something Google gives me some options which match the words I have typed so far; for example if I type "Rog" it gives me the options of "Rogers", "Rogers Yahoo", "Rogers email", "Rogers Centre" and these suggestions are part of the input box not a separate "list" or.... I know this one is possible with angular. I appreciate it if you can guide me :-)

PS: Sorry I was not able to attach a picture(example of Google search) to clarify! Thanks

Answer 1

There are two resources available from Angular UI that can get you started:

From Angular Bootstrap, there's Typeahead. This is a fairly lightweight solution with no other external dependencies. It's also very simple, in that it just provides a simple suggestion list below the input.

The alternative is AngularJS-native version of Select2 and Selectize. This is a much more complex version, with many more features. However, it does have dependencies on both the jQuery and Select2 libraries.