Question

我有一个对话框，设置的字段很少，第一个字段是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>

参考：here

问候。

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

2 个答案: