当filename有特殊字符时,ngStyle不设置bg-image

时间:2017-06-28 15:03:45

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

我从一个有特殊字符的API中找到了一张图片:

e.g。 http:// ... / $(KGrHqR,!lIE8MU(kS7cBPL!Eccsjg ~~ 60_1.JPG

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

然而,在做类似的事情时:

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

该属性永远不会被设置。

然后假设ngStyle在文件名中查找特殊字符是否安全,如果找到任何字符,它会转储它吗?

如果是这样,我有什么选择让它发挥作用?

1 个答案:

答案 0 :(得分:1)

  

然后假设ngStyle正在寻找特殊的字符是否安全   文件名,如果找到,则转储它吗?

如果您的网址包含特殊字符,您可能希望将其包装在引号之间。请注意,这个synthax更简单:

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

使用你的,它将是:

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