如何在Angular中动态设置SVG内image元素的y属性？

• 问题根源：SVG元素的y是HTML属性，而非DOM对象的属性，Angular的方括号绑定[y]默认是绑定DOM属性，所以会出现找不到属性的错误。

• 修复方案：把[y]改成[attr.y]，和你绑定href的方式一致，代码修改如下：

<svg class="conversation-image-preview">
  <image *ngIf="inConversationIconInfo.previewUrl" 
    [attr.href]="inConversationIconInfo.previewUrl" 
    [attr.y]="inConvImageY" 
  />
</svg>

• 补充说明：所有SVG元素的原生属性（比如x、y、width、height等），在Angular中都需要通过[attr.xxx]的方式进行属性绑定，这样Angular才会正确识别并设置对应的HTML属性值。

内容的提问来源于stack exchange，提问作者KamilaW