div中的AngularJS提前输入搜索结果

Question

我正在为文本输入使用bootstrap的快速输入功能，该输入还具有一个弹出流行结果弹出框的按钮。

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

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

像这样：

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

（本来可以更快地在Photoshop中绘制，但是……）

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

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

Answer 1

据我typeahead从http://angular-ui.github.io/bootstrap/知道指令的代码（由于我已经写了它，我有点知道它:-)），您将无法做您在这里仅通过配置询问的内容。

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