AngularJS 预输入搜索结果在 div 中答案

【问题标题】：AngularJS typeahead search results in a divAngularJS 预输入搜索结果在 div 中
【发布时间】：2013-05-01 20:50:23
【问题描述】：

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

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

有没有办法为预先输入的搜索结果设置“容器”？（例如弹出窗口小部件包含一个“容器”选项）

类似这样的：

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

（在 Photoshop 中绘制会更快，但是呃...）

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

注意：我使用的是 jquery+angularjs+bootstrap

【问题讨论】：

是的，不要使用 bootstrap.js。而是看看 Angular UI 的引导项目：angular-ui.github.io/bootstrap/#/typeahead
我正在使用 angular-ui，在这种情况下似乎没有帮助
我认为你必须自己写这个，所以我会说试试看会发生什么！

标签： javascript jquery angularjs bootstrap-typeahead

【解决方案1】：

据我所知，http://angular-ui.github.io/bootstrap/ 中的 typeahead 指令的代码（而且我有点知道，因为我已经写了它 :-)）你将无法在这里做你所要求的只能通过配置。

您需要分叉它并适应您的需求。它应该很简单。如果您觉得应该在指令中更改任何内容以使其更易于扩展，请随时打开 GitHub 问题。

【讨论】：