Angular指令在標簽文本中附加星號

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() + "*");
           }
       };
    });

但是，與其選擇直接操作元素，不如選擇模板或類似的模板。