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

Question

我有一个对话框，要设置的字段很少，第一个字段是 md-autocomplete，当我单击“确定”时，所有这些字段都被清除了，所以，我想在 md-autocomplete 中设置焦点为真, 再次开始填充数据。

Answer 1

您可以通过添加属性来做到这一点

md-autofocus

一个例子：

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

参考：here

此致。

Answer 2

试试这个：

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

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

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

how set focus in angular md-autocomplete?

angularjs

angular-material

md-autocomplete