2016-03-22 25 views
0

Bir kişi adı girmek için md-autocomplte kullanılır.Ama görünümü kapatıp yeniden açtığımda hala "To" alanındaki previuos kişi adını gösterir. Bu nasıl temizlenir. İşte kodum.angularjs içinde otomatik tamamlama alanı nasıl temizlenir

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

cevap

2

sizin için bir model değeri değeri temizlemek için özel bir fonksiyon atayabilirsiniz:

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

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

kontrol bu demo: http://codepen.io/anon/pen/waEzgv

+0

biz reset düğmesi açık işlevini çağırabilirsiniz elimden Bu işlevi md-auto complete direktifinde tutmak mı? – hanu

+0

Buton sadece bir örnek. Ana şey, çağırdığı bir işlevdir - hangi koyar: vm.selectedItem = null; vm.searchText = ''; - görünümü terk ederken veya tekrar açarken kodunuzda yapmanız gereken budur – shershen

İlgili konular