他の選択肢を選択

Question

私はng-repeatでn個のselectを生成しています。選択肢の1つを変更すると、他の選択肢のすべてのオプションを更新する必要があります。私は投票の仕組みを作る必要があります。例：またhttps://jsfiddle.net/gvwpgtj6/2/

：

<div ng-model="items"> 
    <div ng-repeat="item in items"> 
     <select ng-model="selectedPollNum" ng-change="changedPoll(selectedPollNum)"> 
      <option ng-repeat="option in items">{{ $index + 1 }}</option> 
     </select> 
     <label>{{item.name}}</label> 
    </div> 
</div> 

jsFiddle：選択の数が動的である

Init: 
- select 1: 1,2,3,4 
- select 2: 1,2,3,4 
- select 3: 1,2,3,4 
- select 4: 1,2,3,4 

After change select 1: 
- select 1: 2 (selected) 
- select 2: 1,3,4 
- select 3: 1,3,4 
- select 4: 1,3,4 

After change select 2: 
- select 1: 2 (selected) 
- select 2: 4 
- select 3: 1,3 
- select 4: 1,3 
...etc 

、オプションは常に生成選択の数は

私のコードこれまでに示してオプションは空で始まり、最初のものから始めたい

Answer 1

私はこれがあなたの必要条件だと思う。デフォルトでselectにオプションを選択した場合、他のドロップダウンでデフォルトの選択されたオプションを非表示にすることは困難です。だから空にすることをお勧めします。

CONTROLLER：

function LoginController($scope) { 
 
    $scope.arr = []; 
 
    $scope.obj={}; 
 
    $scope.items = [{ 
 
    name: 'Lorem ipsum dolor sit amet' 
 
    }, { 
 
    name: 'Consectetur adipiscing elit' 
 
    }, { 
 
    name: 'Fusce faucibus turpis eget' 
 
    }, { 
 
    name: 'Sed quis nisl sed ligula' 
 
    }, { 
 
    name: 'Nunc ultricies ipsum vitae' 
 
    }]; 
 

 
    $scope.changedPoll = function(num, i) { 
 
    $scope.obj[i] = num;$scope.arr=[] 
 
    angular.forEach($scope.obj, function(value,key){ 
 
    $scope.arr.push(parseInt($scope.obj[key])) 
 
    }); 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app ng-controller="LoginController"> 
 
    <div ng-model="items"> 
 
    <div ng-repeat="item in items"> 
 
     <select ng-model="selectedPollNum" ng-change="changedPoll(selectedPollNum, $index)"> 
 
     <option ng-repeat="option in items" ng-show='arr.indexOf($index + 1)<0'>{{ $index + 1}}</option> 
 
     </select> 
 
     <label>{{item.name}}</label> 
 
    </div> 
 
    </div> 
 
</div>