Angularjs,SVG,$ route和ui-bootstrap Modal - url(#id)中断

时间:2015-09-29 18:52:03

标签: angularjs svg angular-ui-bootstrap bootstrap-modal

此问题必须与涉及url(#fill-ID)引用的SVG模式的其他报告问题类似。我尝试了很多此处的建议,包括设置<base>html5mode,使用指令$location.absUrl()等等。

在我的情况下,我有一个在阵列上使用ng-repeat创建的SVG。我想使用相同的控制器和模板将此SVG弹出为模态。一切都很好,直到模态关闭。此时添加的填充和其他SVG元素,url()属性失败。

我创建了这个插件Angular with SVG and Modal。 plunk和我的代码之间的区别在于,部分svg.html位于根目录下的子目录中。

我的应用程序和插件在Firefox和IE11中工作得很好,但在Chrome中,url(#)无法解析,因此填充是空白的。

好像我是爱丽丝在兔子洞里追逐一只兔子。

0 个答案:

没有答案