使用innerHtml在div中显示HTML字符串

使用innerHtml在div中显示HTML字符串,html,angular,Html,Angular,我需要使用div显示原始HTML字符串。我正在将HTML字符串分配给div的innerHTML,如下所示 <div [innerHTML]="rawHTMLString"> </div> 但是,如果html字符串包含多行注释或内联样式,它们也将显示为文本。请参阅有关堆栈闪电战的问题 预期的功能是不应显示注释和内联样式块。这就是它的呈现方式 以前关于堆栈溢出的所有答案都指向使用div innerHTML。我知道我遗漏了一些琐碎的东西,但我似乎不明白。提前感谢您的帮助

我需要使用div显示原始HTML字符串。我正在将HTML字符串分配给div的innerHTML,如下所示

<div [innerHTML]="rawHTMLString">
</div>

但是,如果html字符串包含多行注释或内联样式,它们也将显示为文本。请参阅有关堆栈闪电战的问题

预期的功能是不应显示注释和内联样式块。这就是它的呈现方式

以前关于堆栈溢出的所有答案都指向使用div innerHTML。我知道我遗漏了一些琐碎的东西,但我似乎不明白。提前感谢您的帮助。

使用

在模板中

  <div [innerHTML]="safeHtml(rawHTMLString)"></div>


您正在动态加载/输入字符串?也就是说-您不能直接控制字符串的内容?您可以尝试清理HTML字符串,如中所述。是。该字符串由第三方从服务器自动生成。所以不能控制字符串生成。谢谢@ConnorsFan。工作得很有魅力!
  <div [innerHTML]="safeHtml(rawHTMLString)"></div>