无法绑定到'：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。