![How to Render String with Html Tags in Angular 4+? [Duplicate]](https://docuprint.cloud68.co/uploads/how-to-render-string-with-html-tags_1200.jpg)
In my angular 4 app, I have a string like
comment: string;
comment = "<p><em><strong>abc</strong></em></p>";
When I serve this text in my html, like
{{comment}}
Then it displays:
<p><em><strong>abc</strong></em></p>
But I need to display the text "abc" in bold and italic form, like abc
How can I do this?
1 Answer
Use one way flow syntax property binding:
<div [innerHTML]="comment"></div>
From angular docs: "Angular recognizes the value as unsafe and automatically sanitizes it, which removes the <script> tag but keeps safe content such as the <b> element."
