如何在角度md-autocomplete中设置焦点？

Question

我有一个对话框,几个字段设置,第一个字段是a md-autocomplete,当我点击确定所有这些字段都被清理,所以,我想要设置焦点为真md-autocomplete,以便再次开始填充数据.

Answer 1

试试这个 :

JS:

$scope.setFocus = function() {
  setTimeout(function() {
    document.querySelector('#autoCompleteId').focus();
  }, 0);
}

HTML:

<md-autocomplete .............. md-input-id="autoCompleteId">
  <!-- Note the id -->
</md-autocomplete>

<input type="button" value="clickMeForFocus" ng-click="setFocus()" />

需要超时以确保在调用焦点时呈现自动完成组件.

Answer 2

您可以通过添加属性来实现

MD-自动对焦

一个例子:

<md-autocomplete md-autofocus md-selected-item="selectedItem" md-search-text="searchText" md-items="item in getMatches(searchText)" md-item-text="item.display">
    <span md-highlight-text="searchText">{{item.display}}</span>
</md-autocomplete>

参考:这里

问候.