根據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