javascript - 启用后关注html元素

Question

我遇到了以下问题:我想专注于输入。但是我有一个在页面加载时触发的微调器，并且仅在完成某些 http 请求时才隐藏。在请求未完成之前，所有输入也将被禁用。所以它看起来像这样:

<fieldset ng-disabled="!noPendingRequests">
    ...
    <input id="input-to-focus-on" uib-datepicker-popup="MM/dd/yyyy" type="text" ng-model="startDate" ... />
    <spinner ng-hide="noPendingRequests"></spinner>
</fieldset>

Spinner 是一个自定义的 Angular 指令。需要在 #input-to-focus-on 输入上自动对焦，但它不起作用。在使用 $q.all 解决所有 http 请求后，我试图立即集中注意力。但这也行不通。我猜这是因为在启用输入之前触发了 $q 中的回调。我也试过像这样手动启用:

$q.all(somePromises).then(function() {
    angular.element('#input-to-focus-on')[0].disabled = false;
    angular.element('#input-to-focus-on')[0].tabIndex = 1;
    angular.element('#input-to-focus-on').focus();
 });

我不知道该怎么做，希望得到任何帮助。提前致谢，伙计们!

Answer 1

尝试将焦点调用包装在 $timeout block 中。

$timeout(function () {
  angular.element('#input-to-focus-on').focus();
});