Angular JSのラジオボタンの選択に基づいてドロップダウンリストに値を設定します

Question

ラジオボタンの選択に基づいてドロップダウンオプションを設定しようとしています。ここで

が

HTML

<md-radio-group ng-model="cat_type"> 

<md-radio-button ng-repeat="category in categories" value="{{ category }}" class="md-primary"> 
{{ category.name }}</md-radio-button> 

</md-radio-group> 

<select class="form-control" ng-model="cat_list" ng-options="type.id as type.name for type in cat_type.types"></select> 

以下の私のコードJS

$scope.categories= [ 
    { 
     "id": 1, 
     "name": "Allowance", 
     "types": [ 
      { 
       "id": 1, 
       "category_id": 1, 
       "name": "Overtime" 
      }, 
      { 
       "id": 2, 
       "category_id": 1, 
       "name": "Bonuses" 
      } 
     ] 
    }, 
    { 
     "id": 2, 
     "name": "Deduction", 
     "types": [ 
      { 
       "id": 3, 
       "category_id": 2, 
       "name": "Loan" 
      }, 
      { 
       "id": 4, 
       "category_id": 2, 
       "name": "surcharges" 
      } 
     ] 
    } 
    ] 

です。これは、ラジオボタンを示していますが、任意のラジオアイテムのクリック時に、何もに起こりませんオプション

Answer 1

ラジオボタンのモデルを割り当ててから、ng-optionsにcategory.typesを使用してみてください。