角度付きJSの条件付きドロップダウン値

Question

グループタイプおよびサブグループタイプはUI内に2つのドロップダウンがあります。

<div class="form-group row"> 
     <label for="GroupType" class="col-sm-4 form-control-label">Group Type: </label> 
     <div class="col-sm-8"> 
      <select name="selGroupType" id="selGroupType" class="form-control" ng-change="referenceAddRecord.populateGroupTypeDetails(selGroupType)" ng-options="groupType.value for groupType in referenceAddRecord.groupTypes track by groupCode.id" ng-model="referenceAddRecord.groupType"></select> 
     </div> 
    </div> 
    <div class="form-group row"> 
     <label for="SubGroupType" class="col-sm-4 form-control-label">Sub Group Type: </label> 
     <div class="col-sm-8"> 
      <select name="selSubGroupType" id="selSubGroupType" class="form-control" ng-change="referenceAddRecord.populateSubGroupTypeDetails(selSubGroupType)" ng-options="subGroupType.value for subGroupType in referenceAddRecord.subGroupTypes track by subGroupType.id" ng-model="referenceAddRecord.subGroupType"></select> 
     </div> 
    </div> 

そして、私のコントローラに私が値を結合してい

referenceDataDropDownService.getDropDown(REFERENCE_DATA_CONSTANTS.GROUP_TYPE).success(function (result) { 
    $scope.referenceAddRecord.groupTypes = result; 
}).error(function (result) { 
    alert("Unable to retrieve dropdown values"); 
}); 

referenceDataDropDownService.getDropDown(REFERENCE_DATA_CONSTANTS.SUB_GROUP_TYPE).success(function (result) { 

    $scope.referenceAddRecord.subGroupTypes = result; 
}).error(function (result) { 
    alert("Unable to retrieve dropdown values"); 
}); 

のようなJSONファイルから読み込んだ後に今、私は日グループの種類の値がドロップダウンで選択したグループの種類の値に依存することにしたいです。

：

とグループタイプの結果は次のようになり、ドロップダウン：

ので、第二のドロップダウンサブグループタイプのため、たとえば、結果は次のようにオブジェクトのコレクションです今

、グループの種類から「章イベントは、」そのIDのために、その後、を選択するドロップダウン場合にのみ、私はSにしたいですサブグループタイプのドロップダウンから値を選択します。ここでvalueにはid（5）が連結されています。

Like 「オークション| 5」のように「オークション」が表示されるはずです。同様に、値を表示する必要があります。

どうすればいいですか？

また、デフォルトでは、どのグループタイプが選択されても、それに応じてサブグループタイプを設定する必要があります。

助けてください。

Answer 1

私はあなたの質問を理解している場合、別のものからの選択に基づいて1つの選択のオプションをフィルタリングしようとしています。これを行うには、2番目の選択のng-optionsディレクティブにフィルタを追加するだけです。ここで

ng-options="subGroupType.value for subGroupType in referenceAddRecord.subGroupTypes | filter: {id: referenceAddRecord.groupType.id} track by subGroupType.id" 

はあなたがオブジェクトをフィルタするために取り組んでplunk