2

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" />

ポインタはありますか?前もって感謝します。

4

1 に答える 1