Javascript 将焦点设置为输入元素

Javascript 将焦点设置为输入元素,javascript,html,angularjs,Javascript,Html,Angularjs,我得到了一个带有输入文本元素的学生数据库。加载页面时,必须突出显示学生,并聚焦输入文本 我添加了一个动态类,如果设置为true,它将设置焦点。如果我用一个静态类映射它,它就可以正常工作。如果我用动态类映射它,它就不会 为指令选择动态类的正确方法是什么 对这些tds逐一进行评论将有助于您理解问题 <td><input type="text" ng-class="student.focus?'focus-me':''"></td> //dynamic clas

我得到了一个带有输入文本元素的学生数据库。加载页面时,必须突出显示学生,并聚焦输入文本

我添加了一个动态类,如果设置为true,它将设置焦点。如果我用一个静态类映射它,它就可以正常工作。如果我用动态类映射它,它就不会

为指令选择动态类的正确方法是什么

对这些tds逐一进行评论将有助于您理解问题

<td><input type="text" ng-class="student.focus?'focus-me':''"></td>  //dynamic class
 <td><input type="text" class="focus-me"></td> // static class
//动态类
//静态类
可以帮助您了解如何使用ng类正确设置类

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

当student.focus的值为true时,将在输入标记中应用“focus me”类。

可以帮助您了解如何使用ng类正确设置类

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


当student.focus的值为true时,“focus me”类将应用于输入标记。

第一次尝试时,我只需扩展该指令:

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

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


第一次尝试时,我只需扩展该指令:

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

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


如果有人能帮我解决动态类加载问题,我会非常感激。ng-If引发了许多问题。建议不要使用ng if,而是使用ng类。如果有人能帮助我解决动态类加载问题,我会非常感激。ng-if会引发很多问题。建议不要使用ng if,而是使用ng类。