javascript - Angularjs:有没有办法从bootstrap ui typeahead的下拉列表中删除所选项目？

Question

我正在使用 Angular UI Bootstrap typeahead。我有一种情况需要从下拉列表中进行多项选择。已经选择的项目需要从下拉列表中删除，这样任何人都不能再次选择相同的项目。

我找到了一种方法来选择带有内置回调函数的标签，但无法从列表中删除该项目。有什么解决方法吗？

PLUNKER

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

Answer 1

无论如何，我会克隆statesWithFlags

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

然后在复制的列表上运行过滤器:

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

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

在 HTML 中:

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

Plunker Demo