Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can't bind to ':xlink:href' since it isn't a known property of ':svg:image'

Tags:

angular

svg

I am trying to set dynamicly href for svg image like this :

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

but then I got error in console : Can't bind to ':xlink:href' since it isn't a known property of ':svg:image

like image 631
kosnkov Avatar asked Oct 26 '18 16:10

kosnkov


1 Answers

Since xlink:href is an attribute but not a property of the SVG image element, use attribute binding:

[attr.xlink:href]="logoFile"

See this stackblitz for a demo.

like image 108
ConnorsFan Avatar answered Sep 19 '22 09:09

ConnorsFan