javascript - ng-transclude を使用せずに dom 要素を置き換える angularjs のディレクティブを作成する方法は?

Question

これを基本的に変換するディレクティブを書きたいと思います。

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

to

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

そのため、dom では、<g:text>要素が完全に要素に置き換えられました<svg>。

ng-transclude を使用したくありません。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>');
        }
    }
});

<a href="http://jsfiddle.net/mrajcok/jwzAV/" rel="nofollow">フィドル