清除/重置材质 AngualrJS <md-autocomplete>

Question

我想<md-autocomplete>在 Material AngularJS 中重置控件。

https://material.angularjs.org/latest/#/demo/material.components.autocomplete
https://material.angularjs.org/latest/#/api/material.components.autocomplete/directive/mdAutocomplete

基本上我想将其重置为初始状态。我可以访问ng-model并分配null给它。但是，它不会删除md-item-text属性中包含的显示文本。

可以请有人让我知道我该如何解决相同的问题。

Answer 1

你需要清除搜索文本，看看这个codepen：http ://codepen.io/anon/pen/QbGZWP?editors=101

我创建了一个调用 clear 函数的按钮：

function clear() {
  self.selectedItem = null;
  self.searchText = "";
}

这些是在md-autocomplete指令上设置的属性：

<md-autocomplete 
  md-selected-item="ctrl.selectedItem" 
  md-search-text="ctrl.searchText" 
  md-items="item in ctrl.querySearch(ctrl.searchText)" 
>

注意：您可能还需要其他属性，具体取决于您的情况。