此问题必须与涉及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(#)
无法解析,因此填充是空白的。
好像我是爱丽丝在兔子洞里追逐一只兔子。