Передача машинописной переменной в атрибут srev image href

Question

Я пытаюсь включить значок в мое изображение SVG, и мне нужно передать путь значка в качестве переменной, так как значок будет меняться в зависимости от того, какую графику я отображаю. Я попробовал код ниже:

<ng-template #nodeTemplate let-node>
  <svg:g *ngIf="node.iconUrl" class="node"
ngx-tooltip
[tooltipPlacement]="'top'"
[tooltipType]="'tooltip'"
[tooltipTitle]="node.position"
>
    <svg:rect [attr.width]="node.width + 30" [attr.height]="node.height + 10" [attr.fill]="node.options.color" stroke="#000000"/>
    <svg:image xlink:href="{{node.iconUrl}}" 
    [attr.x]="10" [attr.y]="(node.height / 2) - 5" height="20" width="20"/>
    <svg:text alignment-baseline="central" [attr.x]="35" [attr.y]="(node.height / 2) + 5">{{node.label}} - {{node.iconUrl}}</svg:text>
  </svg:g>
</ng-template>

Тем не менее, это дает мне ошибку консоли (я просто включаю первые несколько строк):

Uncaught Error: Ошибки синтаксического анализа шаблона: невозможно связать с ':xlink:href', поскольку оно не является известным свойством ':svg:image'. ("ttr.height]="node.height + 10" [attr.fill]="node.options.color" stroke="#000000"/> ]xlink:href="{{node.iconUrl}}" [attr.x]="10" [attr.y]="(node.height / 2) - 5" height="20" wid"): ng:///AppModule/GraphComponent.html@27:17

Я также попытался вынуть скобки в теге изображения (xlink:href="node.iconUrl") но имя переменной просто входит в html, а не в значение. Я отображаю значение переменной как часть текста SVG, и это прекрасно работает, поэтому значение устанавливается правильно.

Есть ли что-то, что я могу изменить, чтобы значение переменной было передано правильно?