ng-transclude를 사용하지 않고 dom 요소를 대체하는 angularjs에 대한 지시문 작성 방법은 무엇입니까?

Question

내가 기본적으로이 변환하는 지시문을 작성하고자 : DOM을 그렇게 그

<g:text>Hello There</g:text> 

to 

<svg class="gx-text"><text>Hello There</text></svg> 

을의 <g:text> 요소는 완전히

내가 ng- 사용하지 않을 <svg> 요소에 의해 대체되었습니다 나는 그것이 dom에 다른 요소들을 추가했다는 것을 알게되었다.

Answer 1

var app = angular.module('app', []); 
app.directive('gText', function() { 
    return { 
     restrict: 'E', 
     compile: function(tElement, attrs) { 
      tElement.replaceWith('<svg class="gx-text"><text>' 
       + tElement.text() + '</text></svg>'); 
     } 
    } 
}); 

Fiddle