angularjs - 在AngularJS中将默认焦点放在元素上的最简单方法是什么？

Question

我有一个加载在模态对话框中的模板，上面有一个我想重点关注的输入文本。什么是最简单和最有角度的方法？

更新：

如何在输入字段上设置焦点？

Answer 1

根据您需要支持的浏览器，您可以使用input autofocus 属性。

见plunker 。

或者，如果这不是一个选项并且 Mark 提到过，您可以参考以下stackoverflow 响应。

Answer 2

这个怎么样？

HTML

  <div ng-controller="ctrl as vm" ng-init="vm.focus();">
<form name="Form">
  <input type="text" id="input1">
  <input type="text" id="input2">
</form>

JS

   angular.module('app', []).controller('ctrl', function() {
    var vm = this;

    vm.focus = function() {
      document.getElementById('input2').focus();
    }; 
  });

https://plnkr.co/edit/noLUjVjycpnezpvEIgw7?p=preview

Answer 3

我发现的最简单的解决方案是在 $timeout 包装内调用焦点。

控制器：

$timeout(function () { $('#input1').focus(); });