將焦點設置爲輸入元素角度js

Question

我得到了一個帶有輸入文本元素的學生數據庫。加載頁面時，學生必須突出顯示輸入文本。

我添加了一個動態類，如果設置爲true，它將設置焦點。如果我將它映射到靜態類，它工作正常。如果我將它與動態類進行映射，它不會。

什麼是正確的方式，我可以選擇指令的動態類。

Here is my JSFIDDLE CODE

同時談到這些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可以幫助您瞭解如何使用納克級設置正確的類。

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

當student.focus的值爲true時，'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/