Question

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

我想要typeahead的功能，只是结果列表将显示在不同的div中（在popover内而不是在文本输入下）。

有没有办法为typeahead搜索结果设置'容器'？（例如，popover小部件包含'容器'选项）

这样的事情：

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

（本来可以更快地在Photoshop中画画，但是......）

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

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

Answer 1

据我所知http://angular-ui.github.io/bootstrap/来自{{3}}的typeahead指令代码（自从我写完之后我就知道了:-)）你将无法做到你这里只是通过配置问。

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

AngularJS预先搜索结果为div

1 个答案: