Question

我有一个带有输入文本元素的学生数据库。在加载页面时，必须以输入文本为中心突出显示学生。

我添加了一个动态类，如果设置为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

Answer 1

This fiddle可以帮助您了解如何使用ng-class正确设置类。

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

当student.focus的值为true时，＆＃39; focus-me＆＃39; class get in input tag。

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>