Angularjs: 有什么方法可以从bootstrap ui typeahead 的下拉列表中删除所选项目吗？

Question

我正在使用 Angular UI Bootstrap 预输入。我有一种情况需要从下拉列表中制作多个 selections。已经 select 的项目需要从下拉列表中删除，这样任何人都不能再次 select 相同的项目。

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

  $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

Angularjs: 有什么方法可以从bootstrap ui typeahead 的下拉列表中删除所选项目吗？

Angularjs: Is there any way to remove the selected item from the drop-down of bootstrap ui typeahead?

javascript

angularjs

angular-ui-bootstrap