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中提前搜索結果

回答

相關問題