Как удалить значение в раскрывающемся списке, если значение уже выбрано в другом раскрывающемся списке

Question

У меня есть несколько раскрывающихся списков с помощью ng-repeat. В раскрывающемся списке я заполняю значение в массиве $ scope.

Например

$scope.list = ["A","B","c"]

Рассмотрим в первой капле, если я выбрал A, тогда в другом раскрывающемся списке не должно быть возможности выбрать A, и если я выбрал B в следующем раскрывающемся списке, и я хотел бы изменить первое значение раскрывающегося списка, тогда он должен позволить мне выберите только А и С.

HTML:

<select>
   <option ng-value="val" ng-repeat="val in list">
     {{val}}
   </option>
</select>

Заранее спасибо

Answer 1

Например, вы можете добавить второй список, который будет называться cleanList. Это послужит вам источником данных для второго выпадающего списка. Смотрите этот пример

$scope.list = ["A","B","c"];
$scope.cleanList = ["A","B","c"];
$scope.onSelect = function(){
     $scope.cleanList=[];
   for(var i=0; i<$scope.list.length; i++){
     if($scope.list[i]!=$scope.otherVal)$scope.cleanList.push($scope.list[i]);
   }
}

И ваши htmls

<select>
   <option ng-value="otherVal" ng-repeat="val in list" ng-change='onSelect()'>
        {{otherVal}}
    </option>
</select>

<select>
   <option ng-value="val" ng-repeat="val in list">
        {{val}}
    </option>
</select>