我有一个*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>
答案 0 :(得分:1)
即使使用ng2 beta 6,我发现这个bug似乎是主持人,添加一个空的常规html-tag xlink:href=""
可以解决问题,并且正确加载svg的指定id。
现在而不是:
<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>
答案 1 :(得分:-3)
我不完全明白,但是如果你使用href,请检查一下,它可以帮助你。
<a href="{{url}}" target="_blank" ></a>