Fatal编程技术网
  • javascript/
  • Javascript 当url包含空格时，角度为ng样式的背景图像

Javascript 当url包含空格时，角度为ng样式的背景图像

javascript css angularjs

Javascript 当url包含空格时，角度为ng样式的背景图像,javascript,css,angularjs,Javascript,Css,Angularjs,我试图通过使用angularng样式将背景图像应用于div，只要URL不包含空格，它就可以正常工作 ng-style="{'background-image': 'url(' + parentIMGLink + ')'}" 当URL中有空格时，如parentIMGLink=servername.images/there is name.png，则不起作用。另一方面： img ng-src={{parentIMGLink }} 很好。当然，我可以管理使服务器上的名称不包含空格，但是否有可能使n

我试图通过使用angular
ng样式将背景图像应用于div，只要URL不包含空格，它就可以正常工作


ng-style="{'background-image': 'url(' + parentIMGLink + ')'}"


当URL中有空格时，如
parentIMGLink=servername.images/there is name.png
，则不起作用。另一方面：


img ng-src={{parentIMGLink }}



很好。当然，我可以管理使服务器上的名称不包含空格，但是否有可能使ng样式工作？
您可以尝试此方法。在JS中，将“”替换为%20（编码空间百分比）


就像在css中一样，您必须将图像url用引号括起来：


.rule{ background-image: url('/some/image url.png') }


您必须在此处执行相同的操作：


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





你所说的
不起作用是什么意思？@hacket可能无法找到图像…感谢它的帮助。没有想到它可以通过编码字符来解决。但是必须使用
parentIMGLink=parentIMGLink.replace（//g，“%20”）由于多个spaces@sniegoman很高兴听到这个消息。当你没有对特殊字符进行百分比编码时，文件名总是一团糟。所以请记住这一点，直到下次！伙计，这对我不管用。。。。语法是正确的，但是一旦我检查了元素，背景样式属性就被删除了empty@ThembelaniM，您是否尝试过使用
bypassSecurityTrustStyle
？看看这个答案：

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