使用innerHtml在div中显示HTML字符串
我需要使用div显示原始HTML字符串。我正在将HTML字符串分配给div的innerHTML,如下所示使用innerHtml在div中显示HTML字符串,html,angular,Html,Angular,我需要使用div显示原始HTML字符串。我正在将HTML字符串分配给div的innerHTML,如下所示 <div [innerHTML]="rawHTMLString"> </div> 但是,如果html字符串包含多行注释或内联样式,它们也将显示为文本。请参阅有关堆栈闪电战的问题 预期的功能是不应显示注释和内联样式块。这就是它的呈现方式 以前关于堆栈溢出的所有答案都指向使用div innerHTML。我知道我遗漏了一些琐碎的东西,但我似乎不明白。提前感谢您的帮助
<div [innerHTML]="rawHTMLString">
</div>
但是,如果html字符串包含多行注释或内联样式,它们也将显示为文本。请参阅有关堆栈闪电战的问题
预期的功能是不应显示注释和内联样式块。这就是它的呈现方式
以前关于堆栈溢出的所有答案都指向使用div innerHTML。我知道我遗漏了一些琐碎的东西,但我似乎不明白。提前感谢您的帮助。使用
在模板中
<div [innerHTML]="safeHtml(rawHTMLString)"></div>
您正在动态加载/输入字符串?也就是说-您不能直接控制字符串的内容?您可以尝试清理HTML字符串,如中所述。是。该字符串由第三方从服务器自动生成。所以不能控制字符串生成。谢谢@ConnorsFan。工作得很有魅力!
<div [innerHTML]="safeHtml(rawHTMLString)"></div>