Результаты поиска 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, если вы чувствуете, что что-то должно измениться внутри директивы, чтобы упростить ее расширение.