Установить фокус на входной элемент угловой js

Question

У меня есть база данных студентов с элементом ввода текста. Пока страница загружается, студент должен быть выделен с использованием фонового текста ввода.

Я добавил динамический класс, который установит фокус, если установить true. Если я сопоставляю его со статическим классом, он отлично работает. Если я сопоставляю его с динамическим классом, это не так.

Каким образом я могу выбрать динамический класс для директивы.

Here is my JSFIDDLE CODE

Комментируя этот ТДС один в то время поможет вам разобраться в вопросе

<td><input type="text" ng-class="student.focus?'focus-me':''"></td> //dynamic class 
<td><input type="text" class="focus-me"></td> // static class 

Answer 1

This fiddle может помочь вам понять, как правильно установить класс, используя нг-класс.

<input type="text" ng-class="{'focus-me':student.focus}"> 

Когда значение student.focus истинно, класс «focus-me» применяется во входном теге.

Answer 2

В первой попытке я бы просто расширить эту директиву:

link: function(scope, element,attributes){ 
    if ($parse(attributes.focusMe)(scope)) { 
     element[0].focus(); 
    } 
    } 

В HTML:

<td><input type="text" focus-me="student.focus"></td> 

https://jsfiddle.net/hph1sja2/