当文件名包含特殊字符时，ngStyle 不设置 bg-image答案

【问题标题】：ngStyle not setting bg-image when filename has special characters当文件名包含特殊字符时，ngStyle 不设置 bg-image
【发布时间】：2017-12-02 00:57:58
【问题描述】：

我从 API 返回的图像包含一些特殊字符：

例如http://... /$(KGrHqR,!lIE8MU(kS7cBPL!Eccsjg~~60_1.JPG

如果我通过开发工具手动添加图像，它可以正常加载。

但是，当做类似的事情时：

<div ng-style="{'background-image':'url(' + item.image + ')'}"></div>

该属性永远不会被设置。

是否可以安全地假设 ngStyle 正在文件名中寻找特殊字符，如果找到，它会转储它吗？

如果是这样，我有哪些选择可以让它发挥作用？

【问题讨论】：

标签： angularjs background-image special-characters filenames ng-style

【解决方案1】：

是否可以安全地假设 ngStyle 正在寻找特殊字符文件名，如果找到，它会转储它吗？

是的。

如果您的 URL 包含特殊字符，您可能需要将其用引号括起来。注意这个合成器更简单：

<div ng-style="{'background-image':'url(\'{{item.image}}\')'}"></div>

使用你的，它会是：

<div ng-style="{'background-image':'url(\'' + item.image + \'')'}"></div>

【讨论】：