[英]Angular ng-style background image when url contain spaces
我正在尝试使用角度ng-style
将背景图像应用于div,只要URL不包含空格,它就可以正常工作。
ng-style="{'background-image': 'url(' + parentIMGLink + ')'}"
当URL中有空格如parentIMGLink = servername.images/there is name.png
它不起作用。 另一方面:
img ng-src={{parentIMGLink }}
工作正常。 当然,我可以管理,以便服务器上的名称不包含空格,但有没有可能使ng风格的工作?
就像在CSS中一样,你必须用引号包装你的图像网址:
.rule{ background-image: url('/some/image url.png') }
你必须在这里做同样的事情:
<div ng-style="{'background-image': 'url(\'{{imageUrl}}\')'}">
你可以试试这个。 在JS中,将“”替换为%20(百分比编码空间)。
parentIMGLink = parentIMGLink.replace(" ", "%20");
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.