Результаты поиска AngularJS typeahead в div

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

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

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

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

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

(Было бы быстрее рисовать в Photoshop, но …)

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

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

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

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

Напечатать модальное окно, а не остальную часть страницы

JQuery «на лету»

Почему .innerText не работает в Firefox?

Сбросить значение текстового поля в javascript

Сделать html5 видео в первый кадр, когда он закончится?

Как сделать самоанализ объекта JavaScript?

Плавная прокрутка при нажатии на привязку

Как выгрузить изображение, если не «в поле зрения», чтобы сохранить память?

Сохранить элемент pre в формате PDF с помощью CSS

Захват результата диалога window.onbeforeunload

Javascript тип HTML-элементов