如何清除angular-ui select2中的选定值

Question

我正在使用 angular-ui select2 插件，我找不到任何解决方案来清除所选输入。如何清除选定的输入？谢谢。

<http://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview>

我想要这样的东西。

Answer 1

这里有两个选项：

1 - 你可以使用标准属性allow-clear="true"

  <ui-select ...>
    <ui-select-match allow-clear="true" ...>{{$select.selected.name}}</ui-select-match>
    ...
  </ui-select>

或

2 - 你可以添加一个按钮

<ui-select-match placeholder="Select or search a country in the list...">
  <span>...</span>
  <button class="clear" ng-click="clear($event)">X</button>
</ui-select-match>

$scope.clear = function($event) {
   $event.stopPropagation(); 
   $scope.country.selected = undefined;
};