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

Question

我有一个有几个字段要设置的对话框，第一个字段是一个焦点，当我单击ok时，所有这些字段都被清除了，所以，我希望在md-autocomplete中设置md-autocomplete为true，以便再次开始填充数据。

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

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

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>

参考：here

致以问候。