Я пытаюсь реализовать Bootstrap Typeahead в моем проекте AngularJS, и я столкнулся с проблемой со значениями. Я загружаю контент через $ http с моего сервера API Django. На данный момент я могу найти любой элемент, который я хочу, и показать его имя, но мне нужно отобразить «title», но верните «id» с помощью ng-model обратно в контроллер. У вас есть рабочий пример?Bootstrap Typeahead Async - несколько значений
ответ
Я предполагаю, что вы используете https://angular-ui.github.io/bootstrap/#/typeahead, так что я бы предложил иметь взгляд на последнем примере. Глядя на DOM, ваш код может выглядеть примерно так:
uib-typeahead="company as company.name for company in getCompanies($viewValue)"
Это в значительной степени содержит именно то, что вам нужно. Кроме того, посмотрите на https://docs.angularjs.org/api/ng/directive/select и https://docs.angularjs.org/api/ng/directive/ngOptions для получения дополнительных примеров, так как у AngularUI есть аналогичный (если не идентичный) подход.
спасибо, но этот подход дает мне имя company.name, а также имя company.name возвращается к контроллеру, но мне нужно вернуть обратно company.id. company.name работает нормально, но не делает то, что мне нужно:/ –
Пробовал 'uib-typeahead =" company.name для компании в getCompanies ($ viewValue) "'? –
- 1. Несколько значений в typeahead
- 2. Typeahead, чтобы показать несколько значений
- 3. Bootstrap typeahead store больше значений
- 4. UI Bootstrap Typeahead не возвращает значения async
- 5. Bootstrap ui typeahead async не работает
- 6. Twitter bootstrap typeahead возвращает несколько значений и заполняет editbox
- 7. Twitter Bootstrap Typeahead Несколько значений в скрипте Google Apps
- 8. Bootstrap typeahead
- 9. Угловой-UI Bootstrap Typeahead, несколько выходных?
- 10. bootstrap typeahead с ajax
- 11. AngularJS UI-Bootstrap Typeahead
- 12. Custom Bootstrap Typeahead
- 13. UI Bootstrap Typeahead не отображает возвращаемые значения async
- 14. Множественный выбор в Bootstrap typeahead
- 15. Async typeahead в Angular.JS не показывает опции
- 16. Использование Bootstrap Typeahead и Twitter Typeahead вместе
- 17. bootstrap typeahead не получает результаты
- 18. MVC Bootstrap typeahead HtmlHelper
- 19. Bootstrap typeahead и codeigniter
- 20. Использование typeahead в Bootstrap
- 21. Использование bootstrap typeahead
- 22. BootstrapValidator для bootstrap typeahead
- 23. Угловой Bootstrap Typeahead посмотреть
- 24. angular bootstrap typeahead ошибка
- 25. Bootstrap 3.1.0 с Typeahead
- 26. Результаты опроса Bootstrap Typeahead
- 27. bootstrap typeahead url/redirect
- 28. Bootstrap typeahead отображает значения
- 29. Bootstrap typeahead - Подразделы (заголовки)
- 30. Bootstrap token field typeahead
Не могли бы вы показать, что у вас есть до сих пор? –
Я добавляю pastebin в сообщение –
Как насчет наличия массива объектов компании, с каждым объектом, имеющим заголовок и идентификатор? –