AngularJS预先搜索结果为div

我正在使用bootstrap的typeahead用于文本输入,该按钮还有一个弹出流行结果popout的按钮。

我想要typeahead的function,只是结果列表将显示在不同的div中(在popover内而不是在文本输入下)。

有没有办法为typeahead搜索结果设置’容器’? (例如,popover小部件包含’容器’选项)

像这样的东西:

Text Field Button popover ________________________________________________________ | Search... | B | Typeahead1 Popular Searches: | |--------------|---| Typeahead2 Src1 | | Typeahead3 Src2 | | .... ... | |___________________________________| 

(本来可以更快地在Photoshop中画画,但是……)

有什么好的解决方案吗? 我想了几个方法:修改/扩展typeahead插件或使用隐藏文本输入。 我可以选择jquery的自动完成function。 还有其他(更好的)建议吗?

注意:我正在使用jquery + angularjs + bootstrap

据我所知,来自http://angular-ui.github.io/bootstrap/的typeahead指令的代码(自从我写完之后我就知道了:-))你将无法只按配置做你在这里问的事。

您需要分叉并根据您的需求进行调整。 它应该非常简单。 如果您觉得应该在指令中更改任何内容以便更容易扩展,请随意打开GitHub问题。