javascript - 更改特定单词的颜色

我有一个从json中获取的文本，例如，我想更改出现在诸如recusada之类的文本上的某些单词的颜色。我创建了一个管道来尝试这样做：

 transform(valor:any):any{
    console.log("texto", valor);
    return valor.replace(/recusada/, '<span style="color: red">$&</span>');
 }

这是html：

   <p *ngFor="let historico of disputa.historico"> {{historico.texto | filtroHistorico: historico.texto}} </p>

唯一的问题是，不仅仅是将recusada的颜色更改为红色，文本看起来像这样：


  Proposta no valor de R $：5762 <span style="color: red">recusada</span>

最佳答案

您必须使用innerHTML才能呈现html。

所以你的代码应该像这样

<p *ngFor="let historico of disputa.historico" [innerHTML]="historico.texto | filtroHistorico: historico.texto"> </p>

plunkr

关于javascript - 更改特定单词的颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43333560/