1
votes

Interpolation dans l'image d'arrière-plan ngStyle

J'ai cherché des réponses similaires trouvées dans stackoverflow mais pas de chance. Comment puis-je utiliser correctement l'interpolation dans le ngStyle pour background-image?

Voici le code que j'ai utilisé:

<div mat-card-avatar class="header-image" ngStyle = "{'background-image': 'url(' + {{cardData.image}} + ')'}"></div>

Je reçois une erreur: impossible de trouver une différence objet de support '{' background-image ':' url ('+ ../../assets/image/photo.png +') '}' à .....

angular background-image string-interpolation ng-style

0 commentaires

3 Réponses :

0
votes

Essayez de mettre vos attributs ngStyle entre crochets:

[ngStyle]="...

0 commentaires

2
votes

Vous ne pouvez pas utiliser l'interpolation dans ngStyle , vous devez utiliser [ngStyle] = "{'background-image': 'url (' + cardData.image + ')'}"

Essayez comme ceci:

<div mat-card-avatar class="header-image" [ngStyle]="{'background-image': 'url(' + cardData.image + ')'}">

0 commentaires

0
votes

[ngStyle]="'{background-image: url(' + {{cardData.image}} + ')}'"
unsure if its even possible, however this would be correct for the quote marks

0 commentaires