显示 HTML 标签内部 html 标签中的字符串

Question

我想在内部 html 标签中以字符串格式显示 html 标签

我有以下字符串

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

这是我在代码中的 html 标签（这里我想渲染这个 html 标签）

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

预计 Output

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

我想显示一些 html 标签，因为它在我的 output 中。

Answer 1

在你要显示的html中，将<替换为< （或>与> ）

 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

使用< 而不是<和> 而不是> 。 你会得到你想要的。
解决方案：

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

您应该将<替换为< 和>与> . 这会将其显示为常规文本。

Answer 4

您应该将<替换为 < 并将>替换为 >

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>"