当文件名有特殊字符时 ngStyle 不设置 bg-image
ngStyle not setting bg-image when filename has special characters
我从 API 返回了一张图片，其中有一些特殊字符：
例如http://... /$(KGrHqR,!lIE8MU(kS7cBPL!Eccsjg~~60_1.JPG
如果我通过开发工具手动添加图像，它可以正常加载。
但是，当执行以下操作时：
<div ng-style="{'background-image':'url(' + item.image + ')'}"></div>
属性 永远不会设置。
是否可以安全地假设 ngStyle 正在寻找文件名中的特殊字符，如果找到任何字符，它会转储它？
如果是这样，我有哪些选择可以让它发挥作用？
Is it safe to assume then that ngStyle is looking for special chars in
the filename, and if it finds any, it dumps it?
是。
如果您的 URL 包含特殊字符，您可能需要将其用引号引起来。注意这个语法更简单：
<div ng-style="{'background-image':'url(\'{{item.image}}\')'}"></div>
使用你的，它将是：
<div ng-style="{'background-image':'url(\'' + item.image + \'')'}"></div>
我从 API 返回了一张图片，其中有一些特殊字符：
例如http://... /$(KGrHqR,!lIE8MU(kS7cBPL!Eccsjg~~60_1.JPG
如果我通过开发工具手动添加图像，它可以正常加载。
但是，当执行以下操作时：
<div ng-style="{'background-image':'url(' + item.image + ')'}"></div>
属性 永远不会设置。
是否可以安全地假设 ngStyle 正在寻找文件名中的特殊字符，如果找到任何字符，它会转储它？
如果是这样，我有哪些选择可以让它发挥作用？
Is it safe to assume then that ngStyle is looking for special chars in the filename, and if it finds any, it dumps it?
是。
如果您的 URL 包含特殊字符，您可能需要将其用引号引起来。注意这个语法更简单：
<div ng-style="{'background-image':'url(\'{{item.image}}\')'}"></div>
使用你的，它将是：
<div ng-style="{'background-image':'url(\'' + item.image + \'')'}"></div>