使用Angular进行搜索收件箱(例如Google搜索)

时间:2013-07-10 02:11:40

标签: angularjs angularjs-scope

我想要谷歌搜索匹配等内容。当我输入一些东西时谷歌给了我一些与我到目前为止输入的单词相匹配的选项;例如,如果我键入“Rog”,它会给我“罗杰斯”,“罗杰斯雅虎”,“罗杰斯电子邮件”,“罗杰斯中心”的选项,这些建议是输入框的一部分而不是单独的“列表”或.. ..我知道这个角度有可能。如果你可以指导我,我很感激:-)

PS:抱歉,我无法附上图片(谷歌搜索的例子)来澄清! 感谢

1 个答案:

答案 0 :(得分:6)

Angular UI提供了两种可以帮助您入门的资源:

来自Angular BootstrapTypeahead。这是一个相当轻量级的解决方案,没有其他外部依赖项。它也很简单,因为它只是在输入下面提供了一个简单的建议列表。

另一种选择是AngularJS-native version of Select2 and Selectize。这是一个更复杂的版本,具有更多功能。但是,它确实依赖于 jQuerySelect2库。