複数の選択ボックスがあり、各ボックスには重複オプションがあります。 1つのボックスでオプションを選択すると、他のボックスに同じオプションが表示され、選択されたものになります。別のボックスで別のオプションを選択して重複があると、前の選択を失うことなく選択されるようにも必要です。例えば、ボックスをがいる[A、B、Cと、D]、ボックスBは[E、W、Q] を有する角度：重複オプションを含む複数の複数選択ボックス
、及びボックスCは[dを有します、x、c、v]。 A.aを選択すると、B.aも選択されます。 C.dを選択すると、A.dも選択されます。
ヒントがあれば幸いです。
私はそれがあなたの条件に一致するかどうかを確認してください...小さなデモを作成している
<!DOCTYPE html>
<html lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="selected1" ng-options="x for x in option1" ng-change ="fireEvent1(selected1)">
</select>
<select ng-model="selected2" ng-options="y for y in option2" ng-change ="fireEvent2()">
</select>
<select ng-model="selected3" ng-options="z for z in option3" ng-change ="fireEvent3()">
</select>
</div>
</body>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.option1 = ["a", "b", "c","d"];
$scope.option2 = ["a", "e", "f","g"];
$scope.option3 = ["e", "s", "p","q"];
$scope.fireEvent1 = function(selected1){
for(var i=0;i< $scope.option2.length; i++){
if($scope.option2[i] == selected1){
$scope.selected2 = $scope.option2[0];
}
}
}
});
</script>
</html>