在`中附加“％” `停止标记

Posted 2021-04-17

想要在<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。

任何帮助，将不胜感激。

答案

假设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>