Utilizzo di Angular per la casella di ricerca (come la ricerca Google)

Question

Desidero qualcosa come le corrispondenze di ricerca di Google. Quando digito qualcosa Google mi offre alcune opzioni che corrispondono alle parole che ho digitato finora; per esempio se digito "Rog" mi dà le opzioni di "Rogers", "Rogers Yahoo", "Rogers email", "Rogers Center" e questi suggerimenti fanno parte della casella di input non una "lista" separata o .. .. So che questo è possibile con angolare. Lo apprezzo se riesci a guidarmi :-)

PS: Spiacente, non sono stato in grado di allegare un'immagine (esempio di ricerca Google) per chiarire! Grazie

Answer 1

Ci sono due risorse disponibili da Angular UI che può iniziare:

Da Angular Bootstrap, c'è Typeahead. Questa è una soluzione abbastanza leggera senza altre dipendenze esterne. È anche molto semplice, in quanto fornisce semplicemente un semplice elenco di suggerimenti sotto l'input.

L'alternativa è AngularJS-native version of Select2 and Selectize. Questa è una versione molto più complessa, con molte altre funzionalità. Tuttavia, ha dipendenze su sia le librerie jQuery e Select2.