AngularJS - Fügt ein HTML-Element zu dom in der Direktive ohne jQuery hinzu

Ich habe eine AngularJS-Direktive, in der ich dem aktuellen Element der Direktive ein svg-Tag hinzufügen möchte. Im Moment mache ich das mit Hilfe von jQuery

link: function (scope, iElement, iAttrs) {

    var svgTag = $('<svg width="600" height="100" class="svg"></svg>');
    $(svgTag).appendTo(iElement[0]);

    ...
    }

Ich möchte jedoch nicht, dass die Direktive für diese einfache Aufgabe von jQuery abhängt. Wie würde ich dasselbe mit AngularJS-Mitteln (oder nativem JavaScript-Code) erreichen?

Antworten auf die Frage(4)

Ihre Antwort auf die Frage