angular.js/angularstrap を使用して[{'name': 'name1', 'code': 'code1'}, {'name': 'name2', 'code': 'code2']
、リモート ソースから形式のタプルのリストを取得しています。さて、名前とコードの組み合わせでオートコンプリートを入力できると本当にいいですね。つまり、クエリ「name1」は最初のオブジェクトをフェッチし、「code2」は 2 番目のオブジェクトを返す必要があります。
また、選択したオブジェクトの値で 2 つの個別のフィールドを更新したいと考えています。
この質問はTypeahead using object nameによく似ていますが、リモート ソースで機能させることができません。私は angular.js が初めてで、jQuery に頼らずに解決策を考えたいと思っています。
現在、コントローラーには次のものがあります。
$scope.typeaheadFn = function(query, callback) {
$http.get('/autocomplete?term='+query).success(function(items) {
callback(items);
});
}
、しかし、リスト項目が非文字列オブジェクトのリストであるため、これは失敗します。私のHTMLは次のようになります:
<input bs-typeahead="typeaheadFn" id="id_search" name="search" ng-model="search" type="text">
と:
<input type="text" value="{| search.code |}" disabled="disabled" placeholder="Code" />
<input type="text" value="{| search.name |}" disabled="disabled" placeholder="Name" />
ポインタはありますか?前もって感謝します。