Display HTML tags a string in inner html tag

Question

I want to display html tags in string format in inner html tag

I have following string

myString = "<span class="display-red"><a href="link"><span>ABC <a href=""></a>PQR</span><span>abc@gmail.com</span></a></span>"

This is my html tag in code (Here I want to render this html tag)

<span [innerHtml]="myString"></span>

Expected Output

ABC <a href=""></a>PQR
abc@gmail.com

I want to display some html tag as it is in my output.

Answer 1

In the html you want to display, replace < with < (or > with > )

 myString = "<span class="display-red"><a href="link"><span>ABC &lt;a href="">&lt;/a>PQR</span><span>abc@gmail.com</span></a></span>"

Answer 2

Use < instead of < and > instead of > . You will get exactly what you want.
Solution:

myString = "<span class="display-red"><a href="link"><span>ABC &lt;a href=""&gt;&lt;/a&gt;PQR</span><span>abc@gmail.com</span></a></span>"

Answer 3

You should replace the < with < and the > with > . This will display it as regular text.

Answer 4

You should replace the < with < and the > with >

myString = "<span class="display-red">ABC <a href="link"><span>&lt;a href=""&gt;&lt;/a&gt;</a>PQR</span><br><span>abc@gmail.com</span></span>"