Javascript 基于选择的角度填充下拉列表

HTML

<div class="col-xs-2 type-image" ng-repeat='group in groups'>
     <a class="thumbnail" ng-click='selectItem(group)'>
        <img src="<% group.image %>" class="img-responsive">
     </a>
</div>
<div class="col-md-5 type-description" ng-bind-html="selectedItem.description | unsafe"></div>  

<div class="col-md-6 no-gutter">  
   <select ng-options="gurte.id for gurte in group.gurte"></select>  
</div>

app.controller('gurtController', function($scope, $http) {

$scope.groups = [];
$scope.loading = false;

$scope.init = function() {
    $scope.loading = true;
    $http.get('/api/groups').
    success(function(data, status, headers, config) {
        $scope.groups = data;
            $scope.loading = false;

    });
}
$scope.selectItem = function(item) {
    $scope.selectedItem = item;
}
$scope.init();

});  

如何根据HTML上部块中的选择填充select下拉列表？我是对的，当我在顶部选择范围时，范围仍然在“组”上，还是我必须以某种方式将“组”传递给选择字段

如果需要，我也可以提供API的输出。基本上是：

Group  
  -id  
  -name  
  -gurte (relationship) ->  
      - id  
      - spalten (many to many; ) ->  
        - id  
        - name (this needs to go to the dropdown)  
        -> pivot -> spalten_value

---

使用

selectedItem尝试一次。gurte

是属于

group.gurte

的，不确定case是否为case

group.gurte

或

group.gurte

其组。然后选择editem。不起作用：/