ngStyle pas mise bg-image lorsque le nom de fichier contient des caractères spéciaux

Question

J'ai une image retour d'une API qui a des caractères spéciaux:

par exemple http: // ... /$(KGrHqR,!lIE8MU(kS7cBPL!Eccsjg

Si j'ajoute l'image manuellement, via des outils de dev, il charge bien

Cependant, quand. faire quelque chose comme:.

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

la propriété ne se prépare

est-il raisonnable de supposer alors que ngStyle recherche les caractères spéciaux dans le nom du fichier, et si elle en trouve, il dépotoirs

?

Si oui, quelles options ai-je pour le faire fonctionner?

Answer 1

Est-il sûr de supposer que ngStyle recherche des caractères spéciaux dans le nom de fichier, et s'il en trouve, il le déverse?

Oui.

Si votre URL contient un caractère spécial, vous pouvez l'inclure entre guillemets. Notez que cette synthaxe est encore plus simple:

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

Utilisation de votre, ce serait:

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