特定の単語の色を変更する

Question

私はjsonから取得したテキストを持っています。たとえば、テキストに表示されるいくつかの単語の色を変更するには、recusadaのようにします。

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

唯一の問題は、単に赤にrecusadaの色を変更する代わりに、テキストはこのようになっていることである：これはhtmlです

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

：私はそれをしようとするためにパイプを作成しました：

Propostaなし勇気デR $：5762 <span style="color: red">recusada</span>

Answer 1

htmlを表示するには、innerHTMLを使用する必要があります。

だからあなたのコードは、うわー、今innerHtml` `のようなプロパティがありますしませんでした。この

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

plunkr