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

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, Nov 28 '17 at 06:55

score 1 · Answer 1 · answered Nov 28 '17 at 06:38

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 '17 at 06:38

Alexander Elgin

Is there any dynamic way of doing it? There might be other html encoded characters in the strings. – Mandar Patil Nov 28 '17 at 06:44

score 1 · Answer 2 · answered Nov 28 '17 at 07:08

1

Try pipe for dynamic encoding html string

stackblitz demo - it's working correct do like this

answered Nov 28 '17 at 07:08

Chandru

2 Answers2