ui-selectをプログラムでクリアする方法は？

Question

コードでui-selectの選択をクリアする方法を探したいと思います。例えば

私は次のコード

<ui-select ng-model="selectedCustomerCode" ng-if="CustomerIds.length>1" on-select="CustomerCodeFiltersOnSelectCallback($item, $model)" theme="bootstrap"> 
    <ui-select-match class="ui-select-match" allow-clear="true" placeholder="Επιλογή κωδικού πελάτη...">{{$select.selected.CCode}}</ui-select-match> 
    <ui-select-choices class="ui-select-choices" repeat="customer in CustomerIds | propsFilter: {CCode: $select.search}"> 
    <div ng-bind-html="customer.CCode | highlight: $select.search"></div> 
    </ui-select-choices> 
</ui-select> 

を持っている私は、クリアボタンの上にCLINKとUI選択を含むいくつかの入力をクリアしたいです。 ui-selectをクリアするためのコードは何ですか？

Answer 1

作業例：

<button ng-click="cont.selectedCustomerCode = ''">clear</button> 

編集：あなたは、変数に属性をさらすことを検討すべきである

。それが推奨される方法です。

Answer 2

あなたのためにあなたのことをする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 in a list..."> 
    <span>{{$select.selected.name}}</span> 
</ui-select-match> 

あなたはcont.selectedCustomerCode変数をクリアする必要がありhttp://plnkr.co/edit/DbbUE68QlNLjx97pBZ56?p=preview

Answer 3

問題は解決されました。 理由はわかりませんが、ng-modelでselectedCustomerCodeのみを使用すると正しく動作しません。 私は、オブジェクトの内部

ng-model="selectedCustomer.selectedCustomerCode" 

をselectedCustomerCodeをパットと私は

ng-model="selectedCustomerCode" 

明らか

selectedCustomerCode = '' 

Dを持っていた場合、私はこの

selectedCustomer.selectedCustomerCode = '' 

のようにそれをクリアidは動作しません