Angularjs需要asteriks

Question

我有一个大型表格的指令,其中一些字段是必需的,而另一些则不是.必填字段标有required属性.

我想预先挂起所有输入,<span class='something'>*</span> 基本上是这样的:$("input[required]").prepend(<span class='something'>*</span>)

我对angularjs的理解仍然有限,这让我得到了指令的编译功能,但是当我到达那里时我迷失了.

免责声明:我的直觉是告诉我,做那样的事情并不是真正"有棱有角"的方式 - 没关系,不管我最终是否使用这种技术,我都想知道如何做到这一点.那说我也欢迎更多"有棱角"的建议.

谢谢!

Answer 1

每当DOM操作进入对话时,指令就是可行的方法.您希望*使用required属性为任何输入添加前缀,因此您需要根据required属性创建指令.像这样的东西:

myModule.directive("required", function() {
   return {
       restrict: 'A', //only want it triggered for attributes
       compile: function(element) {
          //could add a check to make sure it's an input element if need be
           element.prepend("<span class='something'>*</span>");
       }
   }
}