angularjs - angular-ui select2で選択した値をクリアする方法

Question

angular-ui select2 プラグインを使用しています。選択した入力をクリアするための解決策が見つかりません。選択した入力をクリアする方法は? ありがとう。

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

私はこのようなものが欲しいです。

Answer 1

次の 2 つのオプションがあります。

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