當url包含空格時的角度ng樣式背景圖片

我試圖通過使用角度ng-style將div應用於背景圖片，只要URL不包含空格，它就可以正常工作。當url包含空格時的角度ng樣式背景圖片

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

當URL中存在空間時，如parentIMGLink = servername.images/there is name.png它不起作用。另一方面：

img ng-src={{parentIMGLink }}

工作正常。當然，我可以管理，以便服務器上的名稱不會包含空格，但有沒有可能使ng樣式的工作？

2015-06-15 sniegoman

你說的是什麼意思'不不工作？ – Hacketo

@Hacketo可能它不會找到圖像... –

@Gustaf可能.. – Hacketo

你可以試試這個。在JS中，將「」替換爲％20（百分比編碼空間）。

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

2015-06-15 08:10:45

感謝它的幫助。沒有想到可以通過對角色進行編碼來解決這個問題。但不得不使用'parentIMGLink = parentIMGLink.replace（//g，「％20」）;'因爲多個空格 – sniegoman

@sniegoman很高興聽到這個消息。當你不對特殊字符進行百分比編碼時，文件名總是搞不清楚。所以請記住，直到下一次！ –

在CSS就像你有來包裝你的圖片網址報價：

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

你要在這裏做同樣的：

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

2015-10-29 20:22:05 epignosisx

男人，這不適合我....語法是正確的，但是一旦我檢查元素，背景樣式屬性是空的 –

回答