ngStyle не устанавливает bg-image, когда имя файла содержит специальные символы

У меня есть изображение, возвращающееся из API, которое имеет некоторые специальные символы:

например. http://... /$(KGrHqR,!lIE8MU(kS7cBPL!Eccsjg~~60_1.JPG

Если я добавляю изображение вручную с помощью инструментов разработчика, оно загружается нормально.

Однако, когда вы делаете что-то вроде:

<div ng-style="{'background-image':'url(' + item.image + ')'}"></div>

Свойство никогда не устанавливается.

Можно ли тогда предположить, что ngStyle ищет специальные символы в имени файла и, если находит, выводит их?

Если да, то какие варианты у меня есть, чтобы заставить его работать?


filenames angularjs background-image special-characters ng-style
person katyusha    schedule 28.06.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Можно ли тогда предположить, что ngStyle ищет специальные символы в имени файла и, если находит, выводит их?

Да

Если ваш URL-адрес содержит специальный символ, вы можете заключить его в кавычки. Обратите внимание, что этот синтаксис еще проще:

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

Используя ваш, это будет:

<div ng-style="{'background-image':'url(\'' + item.image + \'')'}"></div>
person Mistalis    schedule 28.06.2017