Результаты поиска AngularJS с опережением в div

Я использую загрузочный шрифт для ввода текста, который также имеет кнопку, которая выводит всплывающее окно с популярными результатами.

Мне нужна функциональность typeahead, только чтобы список результатов отображался в другом div (внутри всплывающего окна, а не под текстовым вводом).

Есть ли способ установить «контейнер» для результатов поиска с опережением? (например, всплывающий виджет содержит опцию «контейнер»)

Что-то вроде этого:

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

(быстрее было бы нарисовать в фотошопе, но эх...)

Любые мысли о хорошем решении? Я подумал о нескольких способах: изменить/расширить плагин typeahead или использовать скрытый ввод текста. Вместо этого я мог бы использовать автозаполнение jquery. Любые другие (лучшие) предложения?

Примечание. Я использую jquery+angularjs+bootstrap.


person galchen    schedule 01.05.2013    source источник
comment
Да, не используйте bootstrap.js. Вместо этого взгляните на проект начальной загрузки Angular UI: angular-ui.github.io/bootstrap/ #/вперед   -  person Mike Robinson    schedule 02.05.2013
comment
Я использую angular-ui, в этом случае, похоже, не помогает   -  person galchen    schedule 02.05.2013
comment
Я думаю, вам придется написать это самостоятельно, поэтому я бы посоветовал попробовать и посмотреть, что произойдет!   -  person lucuma    schedule 02.05.2013


Ответы (1)


Насколько я знаю код директивы typeahead из http://angular-ui.github.io/bootstrap/ (и я как бы знаю это с тех пор, как написал это :-)) вы не сможете делать то, что вы здесь просите, только с помощью конфигурации.

Вам нужно будет разветвить его и адаптировать для ваших нужд. Это должно быть довольно просто. Не стесняйтесь открывать проблему GitHub, если вы чувствуете, что что-то должно быть изменено внутри директивы, чтобы упростить ее расширение.

person pkozlowski.opensource    schedule 02.05.2013