Search code examples
angulartypescriptionic3ionic4ionic5

Render HTML content in Ionic 3/4/5

view.html

<div>{{text}}</div>

The question is that 'text' has HTML that I wish to be displayed as it should but it only shows the HTML tags and text.

What can I do to render such content?

I've tried the earlier version (Ionic 1/2) solutions and nothing seems to work with Ionic v3.

Solution

  • You should use the innerHTML attribute binding like this:

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

    Please take a look at the Angular docs for more information.