Невозможно связать SVG с угловым

Question

Я пытаюсь динамически визуализировать оси x и y для элемента прямоугольника, когда он попадает на страницу .html. Я сталкиваюсь с ошибкой типа «Невозможно связать с« x », поскольку это неизвестное свойство ': svg: rect'. (" «

*.html *


     <svg x="100" y="500">
      <g *ngFor="let item of _rectList" >
        <rect  x="{{item.x}}" y="{{item.y}}" height="25" width="50"></rect>
      </g>
    </svg>




*.ts*


 _rectList =[];


      this. _rectList= [
{x: 50, y: 50},
{x: 75, y: 75},
{x: 115, y: 115}
];

Answer 1

Попробуйте использовать другой синтаксис

<rect [x]="item.x" [y]="item.y" ...></rect>

или

<rect [attr.x]="item.x" [attr.y]="item.y" ...></rect>