附加在指令中的元素存在但不可见

时间:2015-05-26 07:05:19

标签: angularjs svg angularjs-directive

我正在尝试在角度指令中使用SVG,该指令使用图像作为背景,然后在其上绘制。

我遇到的问题是绘制的元素是创建的并且显然是附加的,但它们不会显示。我可能错误地使用了追加函数,但我不知道为什么。

这是我的指示

<c:InputField Label="{Binding Caption}" Text="{Binding Text}" Foreground="Red"/>

这里有一个fiddle

非常感谢。

1 个答案:

答案 0 :(得分:0)

好的,我仍然不知道为什么原始代码不起作用,但我找到了一种方法使其工作,至少在有人提供有关原始代码的解释之前。

这是我使用的,而不是var svg = angular.element('<circle cx="10" cy="10" r="50"/>');

var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
circle.setAttribute("cx",10);
circle.setAttribute("cy",10);
circle.setAttribute("r",10);  

然后像iElement.append(circle);

一样追加它