将焦点设置为输入元素角度 js

Set focus to input element angular js

本文关键字：js 元素 输入 焦点 设置      更新时间：2023-09-26

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

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

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

这是我的JSFIDDLE代码

一次

评论一个这些 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-class正确设置一个类。

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

当 student.focus 的值为真时，"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>

https://jsfiddle.net/hph1sja2/

相关文章：