我有一个大型表格的指令,其中一些字段是必需的,而另一些则不是.必填字段标有必需属性.
我希望使用< span class ='something'> *< / span>预先挂起所有输入
基本上是这样的:$(“输入[必需]”).前置(< span class ='something'> *< / span>)
我对angularjs的理解仍然有限,这让我得到了指令的编译功能,但是当我到达那里时我迷失了.
免责声明:我的直觉是告诉我,做那样的事情并不是真正“有棱有角”的方式 – 没关系,不管我最终是否使用这种技术,我都想知道如何做到这一点.那说我也欢迎更多“有棱角”的建议.
谢谢!
解决方法
每当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>"); } } }