Question

如在SO中所见，我们可以创建一个自定义指令，为元素附加所需的验证星号，如下所示：

mod.directive("mandatory", function() {
       return {
           restrict: 'A',
           compile: function(element) {
              element.after("*");
           }
       };
    });

我有一个简单的标签标签如下：

<label mandatory>Name</label>

它的作用是创建以下html内容，如下所示：

 <label mandatory>Name</label>*

我想要的是以下html内容：

<label mandatory>Name*</label>

我已尝试过该元素的.text，.html，。appends函数，但它没有反映任何更改。

任何建议都将受到赞赏。

Answer 1

您可能希望以这种方式设置文本：

mod.directive("mandatory", function() {
       return {
           restrict: 'A',
           compile: function(element) {
              element.text(element.text() + "*");
           }
       };
    });

然而，我不会直接操纵元素，而是选择模板或类似的东西。

Angular指令在标签文本中添加星号

1 个答案: