angularjs - 清除/重置 Material AngularJS

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

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