AngularJS在div中提前搜索结果

我使用引导程序的typeahead作为文本输入，该文本输入也具有弹出流行结果弹出窗口的按钮。AngularJS在div中提前搜索结果

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

有没有办法为typeahead搜索结果设置'容器'？（如酥料饼的小部件包含一个“容器”选项）

事情是这样的：

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

（本来是快在Photoshop绘制但呃...）

的任何想法好的解决方案我想了几个方法：修改/扩展typeahead插件或使用隐藏文本输入。也许我可以去jquery的自动完成。任何其他（更好）的建议？

注：我使用jQuery + angularjs +引导

来源

2013-05-01 galchen

是的，不要使用bootstrap.js。相反，看看Angular UI的引导项目：http://angular-ui.github.io/bootstrap/#/typeahead – 2013-05-01 20:55:42

我使用angular-ui，在这种情况下似乎没有帮助 – galchen 2013-05-01 21:10:54

我想你会必须自己写这个，所以我会说一口气看看会发生什么！ – lucuma 2013-05-01 21:50:07

据我所知typeahead指令从http://angular-ui.github.io/bootstrap/代码（和我种知道，因为我已经写:-)它），你将无法通过配置完成您在此提出的要求。

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

来源

2013-05-02 18:00:36

AngularJS在div中提前搜索结果

回答

相关问题