Angular 在标签文本中附加星号的指令
Angular directive to append asterisk in label text
正如在 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 函数,但没有反映任何变化。
如有任何建议,我们将不胜感激。
您可能希望以这种方式设置文本:
mod.directive("mandatory", function() {
return {
restrict: 'A',
compile: function(element) {
element.text(element.text() + "*");
}
};
});
但是,我不会直接操作元素,而是选择模板或类似的东西。
正如在 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 函数,但没有反映任何变化。
如有任何建议,我们将不胜感激。
您可能希望以这种方式设置文本:
mod.directive("mandatory", function() {
return {
restrict: 'A',
compile: function(element) {
element.text(element.text() + "*");
}
};
});
但是,我不会直接操作元素,而是选择模板或类似的东西。