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

Question

我有一个对话框，其中有几个要设置的字段，第一个字段是 a md-autocomplete，当我单击 ok 时，所有这些字段都会被清除，所以，我想在 中将焦点设置为 true 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>

参考：这里

问候。