Comment rendre une chaîne avec des balises html dans Angular 4+?

Question

Dans mon angular 4, j'ai une chaîne comme

comment: string;
comment = "<p><em><strong>abc</strong></em></p>";

Quand je sers ce texte dans mon html, comme

{{comment}}

Ensuite, il affiche:

<p><em><strong>abc</strong></em></p>

Mais je dois afficher le texte "abc" en gras et en italique, comme abc

Comment puis-je faire ceci?

Answer 1

Utilisez la syntaxe de flux à sens unique liaison de propriété:

<div [innerHTML]="comment"></div>