¿Cuál es la forma más fácil de poner un enfoque predeterminado en un elemento en AngularJS?

ng-model

Question

Tengo una plantilla que se carga en un diálogo modal, hay un texto de entrada único en el que me gustaría tener un enfoque. ¿Cuál es la forma más fácil y angular de hacerlo?

Actualización :

Esto se responde en parte en ¿Cómo establecer el enfoque en el campo de entrada?

Answer 1

¿Qué tal esto?

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 2

Dependiendo de los navegadores que necesite, puede usar el atributo de enfoque automático de entrada .

Ver plunker here .

O si esta no es una opción y Mark lo ha mencionado, puede consultar la siguiente respuesta de .

Answer 3

La solución más sencilla que he encontrado es llamar al foco dentro de un ajuste de $ timeout.

Controlador:

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