角度材料自動完成清除

Question

如果在角度材料自動填充上單擊清除按鈕時如何追加我自己的功能。

網址：https://material.angularjs.org/latest/demo/autocomplete

例如：我想運行myFunctyion（）在自動完成字段中的X按鈕被點擊時。

Answer 1

按鈕來自於下面的代碼的ng-click：

<button 
       type="button" 
       tabindex="-1" 
       ng-if="$mdAutocompleteCtrl.scope.searchText && !$mdAutocompleteCtrl.isDisabled" 
       ng-click="$mdAutocompleteCtrl.clear()"> 
       <md-icon md-svg-icon="md-close"></md-icon> 
       <span class="md-visually-hidden">Clear</span> 
      </button> 

如果你寫了一個button元素指令或具有高優先級的mdVisuallyHidden類指令，你可以截獲該事件並處理它自己...

或提交pull請求，這樣的事件添加到https://github.com/angular/material/blob/master/src/components/autocomplete/js/autocompleteDirective.js

Answer 2

同意以前的答案，「X」按鈕將觸發$mdAutocompleteCtrl.clear()。

但我的提示會有點不同，除了編寫自定義指令之外，您可以將函數的$mdAutocompleteCtrl.clear()設置爲angular-material.js庫。或者創建一個公共變量，它可以將你的函數傳遞給$mdAutocompleteCtrl.clear()函數。

其實$mdAutocompleteCtrl.clear()它自己只是公共方法的別名。 angular-material.js的實際功能名稱爲clearValue()