私のAngularJSプロジェクトにBootstrap Typeaheadを実装しようとしていて、値の問題が出てきました。 私のDjango APIサーバから$ http経由でコンテンツを読み込んでいます。今のところ、私が望むアイテムを探して名前を表示することができますが、必要なのは "タイトル"を表示して "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)"
。さらに、AngularUIは類似した(同じでない場合)アプローチをしているので、さらなる例についてはhttps://docs.angularjs.org/api/ng/directive/selectとhttps://docs.angularjs.org/api/ng/directive/ngOptionsを見てください。
ありがとう、しかしこのアプローチは私にcompany.nameを与え、またcompany.nameはコントローラに返されますが、代わりにcompany.idを返す必要があります。 company.nameのみが正常に動作していますが、私が必要なことをしません:/ –
getCompanies($ viewValue) "'の会社の 'uib-typeahead =" company.nameを試してみましたか? –
- 1. 複数の値を使用するbootstrap-typeaheadのディスプレイフィールド
- 2. ngx-bootstrap typeahead with FormControl 2
- 3. Twitter Bootstrap Typeahead Forceの選択
- 4. ng2-bootstrap typeaheadデフォルトの提案
- 5. Twitter Bootstrap TypeaheadとjQuery Validate
- 6. Angular 2 ng-bootstrapのtypeaheadデフォルト/初期値の設定方法は?
- 7. Bootstrap-UI Typeaheadは結果リストに複数のプロパティを表示しますか?
- 8. Twitter Bootstrap Typeaheadのデータソースの構文
- 9. AngularJS + UI Bootstrap Typeahead:オブジェクトから入力フィールドへのプリロード値
- 10. TwitterでポストできないBootstrap Typeahead
- 11. tags input-typeaheadの値をタグ
- 12. Bootstrap 3 Typeahead php mysql関数を使用したAjax検索
- 13. Twiiter Bootstrap v2でTypeahead/JSONデータソースを統合しますか?
- 14. Twitter Bootstrap Typeaheadテキストフィールド名attribがオートコンプリートでつぶれる
- 15. react-bootstrap-typeaheadのコンボボックスの動作を実現
- 16. Bootstrap Typeahead:先読みバインド関数でフェッチされたすべてのリモート値を取得する方法
- 17. react-bootstrap-typeaheadパッケージのAsyncTypeaheadを使用した問題
- 18. UI Bootstrap Typeaheadは選択をng-modelに保存しません
- 19. TypeaheadオートコンプリートAJAX
- 20. 角度指令でngx-bootstrap/typeaheadをラップします
- 21. AngularJS Bootstrap UI Typeaheadがカスタムポップアップテンプレートで正しく機能しない
- 22. Open AngularUI Bootstrap Typeaheadがコントローラで結果に一致する
- 23. twitter bootstrap typeaheadはリモートデータソースをサポートしていますか?
- 24. bootstrap typeaheadが結果を取得していません。
- 25. AngularJS UI Bootstrap Typeaheadが期待通りに機能しない
- 26. angular 2 - ng2-bootstrap typeahead - オプションを選択しない方法は?
- 27. (複数イベント)ユースケースのRxJS +(async/await)
- 28. async関数からの戻り値
- 29. BootStrap複数のアクティブなナビタブ問題
- 30. typeahead関数はJSONから値を返しません
あなたはこれまでに持っているものを示してください。 –
投稿にpastebinを追加しました –
各オブジェクトにタイトルとIDが付いている会社オブジェクトの配列はどうですか? –