angularjs - 清除 ui-select Angular 中选定的选项

Question

有人知道如何清除 Angular 中 ui-select 框的选定值吗？

我想要 select2 的功能，其中选择框中有一个小 x 。看起来它没有 select2 那样的 allowed-clear 方法。

Answer 1

如果您使用的是 select2 主题，ui-select-match 指令上有一个 allow-clear 选项可以为您执行此操作。您将在右侧看到 x，您可以通过单击它来清除它。 https://github.com/angular-ui/ui-select/wiki/ui-select-match

简单示例:

<ui-select-match allow-clear="true" placeholder="Select or search a country in the list...">
  <span>{{$select.selected.name}}</span>
</ui-select-match>

工作示例: http://plnkr.co/edit/DbbUE68QlNLjx97pBZ56?p=preview

当前使用 Bootstrap 或选择主题都无法使用此功能。