angularjs - ui-select angularで選択したオプションをクリアする

Question

angularでui-selectボックスの選択された値をクリアする方法を知っている人はいますか?

selectbox に小さな x がある select2 の機能が必要です。select2 が取得した allow-clear メソッドがあるようには見えません。

Answer 1

select2 テーマを使用している場合、これを行うディレクティブのallow-clearオプションがありui-select-matchます。右側に 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 または selectize テーマを使用しては機能しません。