Question

我使用md-autocomplte输入联系人姓名。但是当我关闭视图并重新打开时，它仍然显示先前的联系人姓名，并且＃34; To＆＃34;领域。如何清除这一个。这是我的代码。

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

Answer 1

您可以指定一个特殊功能来清除模型值：

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

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

查看此演示：http://codepen.io/anon/pen/waEzgv

如何清除angularjs中的自动完成字段

1 个答案: