這個角度指令可以改進嗎？

Question

我創建了一個浮動標籤指令，它獲取現有佔位符的值並將其放入一個用作浮動標籤的div元素中。佔位符屬性然後被刪除並且標籤標籤被隱藏。該指令工作正常，但我關心它如何操縱DOM。我不知道是否有一個更好的（清潔劑）的方式： 1）管理的浮動標籤的div元素的模板：

var template = '<div class="floating-label">{{ placeholder }}</div>'; 

    //append floating label template 
    $element.after($compile(template)($scope)); 

2）找到了與相關for屬性（一個標籤標籤輸入）：

document.querySelector('label[for="' + $scope.id + '"]').style.display = 'none'; 

應該指出，使用jqLit​​e。 （無jQuery的）

的plunker該指令

Answer 1

看起來不錯，短短評論：

• 我將放棄孤立的範圍，只使用attrs參數;消除了$ compile服務的需要。
• 不需要ngModel
• 考慮刪除節點。 （我可以繼續這樣無論哪種方式）
• reference my changes