AngularJS-在指令中向dom添加HTML元素而不使用jQuery

我有一个AngularJS指令，我想在该指令的当前元素中添加一个svg标记。现在，我在jQuery的帮助下完成了这项工作

链接：功能（范围、IELENT、iAttrs）{
var svgTag=$（’&lt；svg width=“600”height=“100”class=“svg”&gt；&lt；/svg&gt；’）；
$（svgTag）.appendTo（iElement[0]）；
…
}

然而，我不希望指令依赖jQuery来完成这个简单的任务。我如何使用AngularJS means（或本机JavaScript代码）实现同样的功能

为什么不尝试简单（但功能强大）html（）方法：

iElement.html（'&lt；svg width=“600”height=“100”class=“svg”&gt；&lt；/svg&gt；）；

或附加作为替代：

iElement.append（'svg width=“600”height=“100”class=“svg”&gt；&lt；/svg&gt；'）；

当然，还有更干净的方式：

var svg=angular.element（'svg width=“600”height=“100”class=“svg”&gt；&lt；/svg&gt；'）；
附加（svg）；

小提琴：http://jsfiddle.net/cherniv/AgGwK/