使用Angular的DomSanitizer清理CSS

时间:2018-03-22 15:17:33

标签: css angular xss angular-dom-sanitizer

我想在将一些CSS注入我应用的<style>中的<head>标记之前对其进行清理。

我正在通过DomSanitizer传递它:

const safeCSS = this.domSanitzer.sanitize(SecurityContext.STYLE, css);

但我在控制台中收到此错误消息,认为我的CSS不安全。

WARNING: sanitizing unsafe style value [MY_CSS_HERE]

我想了解为什么Angular认为我的CSS不安全。

我把我的CSS放在codepen上,因为它非常大,但非常简单。

请参阅https://codepen.io/stevedeighton/pen/OvgLVb

有什么想法吗?

谢谢!

1 个答案:

答案 0 :(得分:3)

您应该使用bypassSecurityTrustStyle(value: string)代替sanitize()

Here就是一个例子。