Angular2 RC1 Sanitizer 在样式内插入双引号，破坏它答案

【问题标题】：Angular2 RC1 Sanitizer inserts double quotes inside styles, breaking itAngular2 RC1 Sanitizer 在样式内插入双引号，破坏它
【发布时间】：2016-05-15 13:14:49
【问题描述】：

我升级到 RC1 导致之前的 Beta 17 解决方案不再有效，因此我尝试使用消毒剂，但这会导致可能嵌入单引号的样式出现问题。

此声明：

sanitizer.bypassSecurityTrustStyle('url(/pImages/' + this.recipientId + '.jpg)');

转换成这个：

style="background-image: url("/pImages/57211a89b65ff1be3edd14c9.jpg");"

和 url( 之后的双引号结束样式字符串并打破它。

所以我尝试手动插入单引号：

 sanitizer.bypassSecurityTrustStyle("url(\'/pImages/" + this.recipientId + ".jpg)\'");

但是它将那些单引号转换为双引号并给出相同的结果，破坏了样式字符串。

【问题讨论】：

有趣。虽然仍在 Chrome 中工作。我还没有找到解决办法。我认为这是一个错误。你能在github.com/angular/angular 中创建一个问题吗
相关stackoverflow.com/questions/37076867/…
刚刚... github.com/angular/angular/issues/8664
您在 plunkr 中的管道解决方法效果很好，所以我现在就使用它。

标签： angular styles sanitization

【解决方案1】：

只是为了结束循环，在清理期间没有向 URL 添加单引号或双引号的代码，这是 Chrome 开发工具通过显示双引号来误导。我认为实际的问题是 URL 不正确，或者类似的问题。

【讨论】：