Angularjs 需要星号

Question

我有一个大格式的指令，其中包含一些必需的字段和一些不需要的字段。必填字段标有 required属性。

我想用 <span class='something'>*</span> 预先挂起所有输入
基本上是这样的:$("input[required]").prepend(<span class='something'>*</span>)
我对 angularjs 的理解仍然有限，这让我指向指令的编译功能，但是当我到达那里时我迷路了。

免责声明:我的直觉告诉我，做这样的事情并不是真正的“Angular ”方式 - 没关系，无论我最终是否使用这种技术，我想知道如何做到这一点。也就是说，我也欢迎更多“有 Angular ”的建议。

谢谢!

Answer 1

每当 DOM 操作进入对话时，指令就是要走的路。你想在前面加上 *到任何带有 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>");
       }
   }
}