我有一个*ngFor在里面我正在用 <use> 编写一些 SVG链接到 svg 特定部分的标签:
<svg viewbox="0 0 8 8"><use [attr.xlink:href]="'sprite.svg#' + item.icon"></use></svg>
这似乎不起作用，因为它不会将 SVG 加载到文件中。
但是，如果我使用以下内容，它就可以工作(没有 ng，只是为了表明，这不是错误的路径):
<svg viewbox="0 0 8 8"><use xlink:href="sprite.svg#file"></use></svg>
最佳答案
即使在 ng2 beta 6 中，这个错误似乎仍然存在，我发现，添加一个空的常规 html 标签 xlink:href="" 可以解决问题和指定的 id svg 正确加载。
现在代替这个:
<svg viewbox="0 0 8 8"><use [attr.xlink:href]="'sprite.svg#' + item.icon"></use></svg>
代码已更改为以下内容(仅添加了一个空的 xlink:href=""):
<svg viewbox="0 0 8 8"><use [attr.xlink:href]="'sprite.svg#' + item.icon" xlink:href=""></use></svg>
关于javascript - Angular2 xlink :href Issues，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35337695/