anglejsで選択したレコードを完全に入力する方法

Question

<select class="form-control" id="group_id" name="group_id" 
ng-model="form.group_id" ng-options="match_group.id as match_group.name for match_group in match_groups" 
required="" ng-change="getGroupWiseMatches()"> 
....some code 
</select> 

しかし、match_groupインスタンスには、id、name、およびxyzの各列があります。

ここでmatch_groupを選択すると、xyz列の値も必要になります。

どうすれば入手できますか？

ご協力いただければ幸いです。

Answer 1

私はそれは、

<select class="form-control" id="group_id" name="group_id" 
ng-model="form.group_id" ng-options="match_group.id as match_group.name for match_group in match_groups" 
required="" ng-change="getGroupWiseMatches()"> 
....some code 
</select> 

あるとJSで、私は

var found_record = $scope.match_groups.find(obj => obj.id === selected_id); 
$scope.form.xyz = found_record.xyz; 

、として選択されたエントリを取得していて私のHTMLはなり

、このための回避策を見つけました

Answer 2

あなたng-options表現の形式は次のとおりです。「で値のラベルとして配列を選択」。

選択 -partは、ng-modelにバインドされた結果です。あなたは、次のようにコードを変更するのであれば：

<select class="form-control" id="group_id" name="group_id" 
    ng-model="form.group" 
    ng-options="match_group as match_group.name for match_group in match_groups" 
    required="" ng-change="getGroupWiseMatches()"> 
    ....some code 
</select> 

あなたの変数form.groupだけではなくIDを、グループ全体のオブジェクトが含まれます。

Check this plunker to see it in action