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

Question

我正在尝试使用角度ng-style将背景图像应用于div，只要URL不包含空格，它就能正常工作。

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

当像parentIMGLink = servername.images/there is name.png这样的网址中有空格时，它不起作用。另一方面：

img ng-src={{parentIMGLink }}

工作正常。当然，我可以管理，以便服务器上的名称不包含空格，但有没有可能使ng风格的工作？

Answer 1

就像在css中一样，你必须将图片网址包装在引号中：

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

你必须在这里做同样的事情：

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

Answer 2

你可以试试这个。在JS中，替换＆＃34; ＆＃34; ％20（百分比编码空间）。

parentIMGLink = parentIMGLink.replace(" ", "%20");