2016-03-22 30 views
0

我使用md-autocomplte輸入聯繫人姓名。但是,當我關閉視圖並重新打開時,它仍然在「To」字段中顯示previuos聯繫人姓名。如何清除這一個。 這是我的代碼。如何清除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