在ui-select2中选择和选择的项目

Question

通常，选择项目后，将从可选项目列表中删除项目。
但是，当我刷新项目的基础列表时，（已经）选择的项目也可以选择！
我该如何避免这种情况？

我的看法是这样的：

<div ng-controller="MyCtrl" ng-init=buildList()> 
    <button ng-click="buildList()">Refresh list</button> 

    <select multiple ui-select2 data-ng-model="selectedDaltons"> 
     <option data-ng-repeat="dalton in daltons" value="{{dalton.id}}"> 
      {{dalton.name}} 
     </option> 
    </select> 
</div> 

我的控制器：

function MyCtrl($scope) { 
    // Averell is preselected (id:4) 
    $scope.selectedDaltons = [4]; 

    // $scope.daltons is iterated in ng-repeat 
    // its initially called in ng-init 
    $scope.buildList = function() { 
     $scope.daltons = [ 
      { id: 1, name: 'Joe' }, 
      { id: 2, name: 'William' }, 
      { id: 3, name: 'Jack' }, 
      { id: 4, name: 'Averell' }, 
      { id: 5, name: 'Ma' } 
     ]; 
    }; 
}; 

Here it is as a jsfiddle.

Answer 1

其实我觉得我找到了一个解决方案（我自己的问题）：

根据原始问题的控制器，在更换i之前更改阵列T：

function MyCtrl($scope) { 
    // Averell is preselected (id:4) 
    $scope.selectedDaltons = [4]; 

    // $scope.daltons is iterated in ng-repeat 
    // its initially called in ng-init 
    $scope.buildList = function() { 

     // touch array before renewal!! 
     if (angular.isArray($scope.daltons)) { 
      $scope.daltons.pop(); 
     } 

     $scope.daltons = [ 
      { id: 1, name: 'Joe' }, 
      { id: 2, name: 'William' }, 
      { id: 3, name: 'Jack' }, 
      { id: 4, name: 'Averell' }, 
      { id: 5, name: 'Ma' } 
     ]; 
    }; 
}; 

Here the updated jsfiddle.