角材料自动完成清除答案

【问题标题】：Angular Material Autco-complete Clear角材料自动完成清除
【发布时间】：2016-02-26 15:46:35
【问题描述】：

当点击 Angular Material Auto-complete 上的清除按钮时，我如何附加我自己的函数。

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

例如：我想在单击自动完成字段中的 X 按钮时运行 myFunctyion()。

【问题讨论】：

标签： javascript angularjs angular-material

【解决方案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类指令具有高优先级，你也许可以拦截事件并自己处理......

或提交拉取请求以将此类事件添加到https://github.com/angular/material/blob/master/src/components/autocomplete/js/autocompleteDirective.js

【讨论】：

【解决方案2】：

同意之前的回答，“X”按钮会触发$mdAutocompleteCtrl.clear()。

但我的提示会有所不同，除了编写自定义指令之外，您可以将函数放入 $mdAutocompleteCtrl.clear() angular-material.js 库。或者创建一个公共变量，可以在 $mdAutocompleteCtrl.clear() 函数中传递你的函数。

其实$mdAutocompleteCtrl.clear()它自己只是公共方法的别名。 angular-material.js 处的真正函数名是 clearValue()

【讨论】：