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

Question

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

Answer 1

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.