Angular2 xlink:href问题

时间:2016-02-11 11:09:16

标签: javascript svg sprite angular

我有一个*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>

2 个答案:

答案 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>