不能绑定到 ':xlink:href' 因为它不是 ':svg:image' 的已知属性

Question

我正在尝试像这样为 svg 图像动态设置 href：

<svg style="width:100%; height:100%">
    <image x="-29" y="7" height="53" width="170" xlink:href="{{logoFile}}"  />
</svg>

但后来我在控制台中遇到错误： 无法绑定到 ':xlink:href'，因为它不是 ':svg:image 的已知属性

Answer 1

由于 xlink:href 是 SVG image 元素的属性而非属性，请使用 attribute binding：

[attr.xlink:href]="logoFile"

请参阅this stackblitz 以获取演示。