How to remove html encoding from a string in angular 4? [duplicate]

Question

I have a very simple requirement. I have two strings as follows :

htmlStr = "&lt;strong&gt;News Body&lt;/strong&gt;";
htmlStr1 = "<strong>News Body2</strong>";

I use innerHTML of div tag to display these strings on a html page

<div [innerHTML]="htmlStr"></div>
<div [innerHTML]="htmlStr1"></div>

Output I get is

My expected output is :

How do i remove html encoding from htmlStr?

There are so many answers, read all, you found your solution. — Pedram
– Pedram, Commented Nov 28, 2017 at 6:55

Alexander Elgin · Accepted Answer · 2017-11-28 06:38:57Z

1

The output is correct. You should replace the special characters with the brackets by e.g.

strHtml = strHtml.split(‘&lt;’).join(‘<‘).split(‘&gt;’).join(‘>’)

answered Nov 28, 2017 at 6:38

Alexander Elgin

6,9954 gold badges44 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Is there any dynamic way of doing it? There might be other html encoded characters in the strings.

Chandru · Accepted Answer · 2017-11-28 07:08:02Z

1

Try pipe for dynamic encoding html string

stackblitz demo - it's working correct do like this

answered Nov 28, 2017 at 7:08

Chandru

11.2k6 gold badges43 silver badges54 bronze badges