Использование переменных в viewbox

Question

Я работаю с классом SVG и viewbox. Внутри этого viewbox HTML я не хочу использовать переменные, которые есть в машинописном тексте, но я получаю сообщение об ошибке:

<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, и теперь он работает