добавить «%» в `<svg>` стоп-тег

Question

Хотите добавить «%» в <svg> стоп-тег. Например, я попробовал приведенный ниже код, но он выдает ошибку.

<linearGradient 
  id="progress1019" 
  x1="0" 
  y1="1" 
  x2="0" 
  y2="0">
  <stop 
    id="stop1002" 
    [attr.offset]="enterMyData.itspendrev{{'%'}}" 
    stop-color="#02ABBA" />
  <stop 
    id="stop2002" 
    [attr.offset]="enterMyData.itspendrev{{'%'}}" 
    stop-color="#e1edf3" />
</linearGradient>

Но, к сожалению, это дает мне ошибку. Я использую угловой 6.

Любая помощь будет оценена.

Answer 1

Предполагая, что enterMyData.itspendrev - это свойство, которое вы хотите добавить % к:

Попробуйте это:

<linearGradient 
  id="progress1019" 
  x1="0" 
  y1="1" 
  x2="0" 
  y2="0">
  <stop 
    id="stop1002" 
    [attr.offset]="enterMyData.itspendrev  + '%'" 
    stop-color="#02ABBA" />
  <stop 
    id="stop2002" 
    [attr.offset]="enterMyData.itspendrev + '%'" 
    stop-color="#e1edf3" />
</linearGradient>