2016-03-22 4 views
0

私はmd-autocomplteを使用して連絡先名を入力しました。しかし、ビューを閉じて再び開くと、 "To"フィールドに連絡先名が表示されます。これをクリアする方法。 ここに私のコードです。angularjsのオートコンプリートフィールドをクリアする方法

<md-autocomplete flex="" required="" ng-disabled="ctrl.isDisabled" 
           md-no-cache="ctrl.noCache" 
           md-input-name="autocompleteField" 
           md-input-minlength="2" 
           md-input-maxlength="18"         
           md-selected-item="ctrl.selectedItem" 
           md-search-text-change="ctrl.searchTextChange(ctrl.searchText)" 
           md-search-text="ctrl.searchText" 
           md-selected-item-change="ctrl.selectedItemChange(item)" 
           md-items="item in ctrl.querySearch(ctrl.searchText)" 
           md-item-text="item.display" 
           md-floating-label="To:"> 
       <md-item-template> 
        <span md-highlight-text="ctrl.searchText">{{item.display}}</span> 
       </md-item-template> 

       </md-autocomplete> 

答えて

2

あなたはあなたのためのモデル値の値をクリアするために特別な機能を割り当てることができます。

//in controller 
vm.clear = function() { 
    vm.selectedItem = null; 
    vm.searchText = ''; 
    } 

//in html 
    <md-button class="md-primary" ng-click="vm.clear()">Reset</md-button> 

はチェックこのデモ:?http://codepen.io/anon/pen/waEzgv

+0

たちは私ができるアウトリセットボタンとクリア機能を呼び出すことができますこの機能をmd-auto complete指令に入れておきますか? – hanu

+0

ボタンは単なる例です。主なものはそれが呼び出す関数です。これは次のようになります:vm.selectedItem = null; vm.searchText = ''; - これは、ビューを離れたり、再度開いたりするときにコード内で行う必要がある処理です – shershen

関連する問題