在视图框中使用变量

Question

我正在使用svg类和一个viewbox。在HTML的viewbox中，我不会使用打字稿中的变量，但会检索到一个错误消息：

<svg>属性viewBox：预期数字

在计算此变量时，我试图了解如何将其赋予viewbox。这是我的代码：

radial.ts

sizeCircle: number = parseInt(this._size);

radial.html

< svg class = "svg" viewbox = "0 0 sizeCircle sizeCircle"
[style.width.px] = "sizeCircle"

如果我在里面插入一个数字，那当然可以，但是我必须从.ts调用此变量。有没有可以应用的解决方法？

Answer 1

好的。几个小时后，我解决了问题。这是我所做的解决方案：

const iSize = parseInt(this.size);

svg.setAttribute('viewBox', '0 0 ' + iSize + ' ' + iSize);

.ts中的所有内容。我从html中删除了所有代码，现在可以正常使用