Результаты поиска AngularJS typeahead в div
Я использую bootstrap typeahead для ввода текста, который также имеет кнопку, которая всплывает популярным всплывающим представлением результатов.
Я хочу функциональность typeahead, только то, что список результатов будет отображаться в другом div (внутри popover вместо текстового ввода).
Есть ли способ установить «контейнер» для результатов поиска typeahead? (Например, виджет popover содержит опцию «контейнер»)
- Как добавить кнопку «Добавить в избранное» или ссылку на мой сайт?
- Как захватить событие закрытия окна браузера?
- Запись XML-файлов с помощью jQuery
- Существуют ли преимущества или недостатки для привязки к родительскому элементу по сравнению с элементом напрямую?
- JQuery Отложенное и диалоговое окно
Что-то вроде этого:
Text Field Button popover ________________________________________________________ | Search... | B | Typeahead1 Popular Searches: | |--------------|---| Typeahead2 Src1 | | Typeahead3 Src2 | | .... ... | |___________________________________|
(Было бы быстрее рисовать в Photoshop, но …)
Любые мысли о хорошем решении? Я подумал о нескольких способах: Модифицировать / расширить плагин typeahead или использовать скрытый ввод текста. Я мог бы пойти на автозаполнение jquery, а может быть. Любые другие (лучшие) предложения?
Примечание. Я использую jquery + angularjs + bootstrap
- Instagram не работает при добавлении динамиков
- Дождитесь перехода css
- Захват события, событие Bubbling и jQuery.on ()
- Что означает синтаксис JavaScript / jQuery?
- JQuery: подсчет слов в реальном времени
- Ruby on Rails: «не удалось найти файл jquery.ui.datepicker»
- Как сделать разделение JQuery Mobile Layout для iPad?
- Выбрать тег внутри проблемы с гиперссылкой
Насколько я знаю код директивы typeahead
из http://angular-ui.github.io/bootstrap/ (и я знаю это, так как я написал это :-)), вы не сможете Делайте то, что вы просите здесь только по конфигурации.
Вам нужно будет развить его и адаптировать для ваших нужд. Это должно быть довольно просто. Не стесняйтесь открывать проблему GitHub, если вы чувствуете, что что-то должно измениться внутри директивы, чтобы упростить ее расширение.