gpt4 book ai didi

javascript - Angular2 xlink :href Issues

转载 作者:行者123 更新时间:2023-11-28 11:02:22 26 4
gpt4 key购买 nike

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

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com