angularJS - 连接多个droplist和comboboxes

Question

我有一个包含2个下拉列表和1个组合框的表单。 下拉列表1包含＆＃39;组＆＃39;，第二个包含元素

组合框包含组合组和元素的数据集合。

示例：

<select ng-model="currentCombo" ng-model="currentItem.group"  
    ng-options="item.label for item in data.subdata.groups"></select>
<select ng-model="currentCombo" ng-model="currentItem.Elements"  
    ng-options="item.label for item in data.subdata.elements"></select>

<button ng-click="updateCombination()">Update combination</button>

<select multiple ng-model="selectedItem" 
    ng-options="(item.group.label + ' : ' + item.elements.label) for item in data.combinations"></select>

现在，当我点击按钮时，我会添加新组合，如果已经存在，则更改当前组合。

我现在想要实现的是，当您在组合框中选择一个元素时，它会自动选择2个单独的下拉列表中的这两个元素。

请记住，并非所有组合都存在：组可能还没有元素。

在JS中我运行此代码来添加/更新组合：

$scope.updateCombination = function()
{
    var isUpdate = false;
    for (item in $scope.data['combinations'])
    {
        if ($scope.data['combinations'][item]['group']['id'] == $scope.currentCombo.group['id'])
        {
            $scope.data['combinations'][item]['element'] =  $scope.currentCombo['element'];
            isUpdate = true;
            break;
        }
    }

    if (!isUpdate)
    $scope.data['combinations'].push($scope.currentCombo);

    $scope.currentCombo = "";

}