我試圖在我的AngularJS項目中實現Bootstrap Typeahead,並且遇到了值問題。 Im從我的Django API服務器通過$ http加載內容。現在,我可以查找任何我想要的項目並顯示它的名稱,但我需要的是顯示「標題」,但通過ng-model返回「id」回控制器。 你有這樣做的任何工作的例子?Bootstrap Typeahead異步 - 多個值
回答
我假設你正在使用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 =「公司名稱爲getCompanies($ viewValue)」''? –
- 1. UI Bootstrap Typeahead不返回異步值
- 2. Bootstrap typeahead顯示值
- 3. Backbone.js和Bootstrap Typeahead - 異步獲取之後的渲染
- 4. Bootstrap typeahead避免其他值
- 5. Bootstrap Typeahead Escaping?
- 6. bootstrap-typeahead的顯示字段使用多個值
- 7. bootstrap typeahead自動完成從相同的值返回多個
- 8. Angular Bootstrap Typeahead dropdown
- 9. bootstrap typeahead url/redirect
- 10. Bootstrap Typeahead with Parse.com
- 11. MVC Bootstrap typeahead HtmlHelper
- 12. BootstrapValidator for bootstrap typeahead
- 13. Bootstrap Typeahead click event
- 14. Bootstrap Typeahead onselect
- 15. Bootstrap Typeahead results shift
- 16. Bootstrap Typeahead in Rails
- 17. Bootstrap typeahead not firing
- 18. twitter bootstrap typeahead dropdown
- 19. Bootstrap typeahead和codeigniter
- 20. Angular JS UI Bootstrap Typeahead
- 21. Twitter Bootstrap,Typeahead,圖像
- 22. Angular UI引導異步typeahead:$ viewValue undefined
- 23. Bootstrap Typeahead Dropdown BR Tags
- 24. Bootstrap tagsinput typeahead not working
- 25. 帶Typeahead的Bootstrap 3.1.0
- 26. Bootstrap typeahead中的多項選擇
- 27. bootstrap typeahead結果顯示在多行上
- 28. 一起使用Bootstrap Typeahead和Twitter Typeahead
- 29. Bootstrap 2.2 Typeahead問題
- 30. bootstrap typeahead ajax從數據中選擇值
請問你能證明你到目前爲止? –
我已將pastebin添加到文章 –
如何擁有一組公司對象,每個對象都有一個標題和一個ID? –