根据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选项中使用category.types