検索ボックスにAngularを使用する（Google検索など）

Question

Google検索のようなものが欲しい。私が何かを入力すると、私はこれまでに入力した単語に一致するオプションをいくつか教えてくれます。たとえば、「Rog」と入力すると、「Rogers」、「Rogers Yahoo」、「Rogers email」、「Rogers Center」のオプションが表示され、これらの提案は入力ボックスの一部であり、別の「リスト」ではありません。私はこれが角で可能であることを知っています。

PS：申し訳ありませんが、明確にするために写真（Google検索の例）を添付できませんでした。 おかげ

Answer 1

あなたが始めることができAngular UIから利用可能な2つのリソースがあります。

をAngular Bootstrapからは、Typeaheadがあります。これは他の外部依存関係のない、かなり軽量なソリューションです。入力の下にシンプルな提案リストを表示するだけで、非常に簡単です。

代替はAngularJS-native version of Select2 and Selectizeです。これははるかに複雑なバージョンであり、より多くの機能を備えています。しかし、には、のjQueryとSelect2の両方のライブラリに依存しています。