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

Question

我有一个对话框，其中需要设置的字段很少，第一个字段是md-autocomplete，当我单击“确定”时，所有这些字段都被清除，所以，我想在中将焦点设置为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()" />

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