无法将Angular绑定到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>