Angularjs：bootstarp ui typeaheadのドロップダウンから選択した項目を削除する方法はありますか？

Question

私はAngular UI Bootstrap先頭を使用しています。私はドロップダウンから複数の選択をする必要がある状況があります。すでに選択されているアイテムは、誰でも同じアイテムを再び選択できないように、ドロップダウンから削除する必要があります。

ビルドインコールバック機能でラベルを選択する方法を見つけましたが、リストからアイテムを削除することはできません。 これについての回避策はありますか？

PLUNKER

$scope.itemSelected = function($label){ 
    $scope.item = $label; 
    console.log($scope.item); 
} 

Answer 1

とにかく、私はstatesWithFlags

$scope.currentStatesWithFlags = angular.copy($scope.statesWithFlags); 

のクローンを作成してコピーし、リストにフィルタを実行します：

HTMLで

$scope.itemSelected = function(item, model, label, event){ 

    $scope.currentStatesWithFlags = $scope.currentStatesWithFlags.filter(function(_item){ 
       return item.name !== _item.name; 
    }); 
    } 

：

placeholder="Custom template" 
     uib-typeahead="state as state.name for state in currentStatesWithFlags" 

Plunker Demo