如何清除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>

OR

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;
};