Comment utiliser ngStyle pour définir dynamiquement des images d'arrière-plan dans Angular2 ?

Utilisation de ngStyle pour définir l'image d'arrière-plan dans Angular2

Dans Angular2, la directive ngStyle vous permet d'ajouter dynamiquement des styles CSS à un élément basé sur les expressions JavaScript. Pour définir une image d'arrière-plan à l'aide de ngStyle, vous pouvez utiliser la syntaxe suivante :

<code class="html"><div [ngStyle]="{'background-image': 'url(' + photo + ')'}"></div></code>

Dans votre code, il semble que vous ayez manqué les guillemets simples autour de l'URL :

<code class="html"><div [ngStyle]="{'background-image': url(' + photo + ')}"></div></code>

Pour corrigez cela, ajoutez simplement les guillemets manquants :

<code class="html"><div [ngStyle]="{'background-image': 'url(' + photo + ')'}"></div></code>

Avec ce changement, la directive ngStyle appliquera correctement l'URL fournie comme image d'arrière-plan pour l'élément div.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!