Ajout d'images d'arrière-plan à l'aide de ngStyle dans Angular2
Lorsque vous essayez d'ajouter une image d'arrière-plan à l'aide de ngStyle, vous pouvez rencontrer l'erreur suivante :
Can't bind to 'background-image' since it isn't a known property of 'div'.
Pour résoudre ce problème, suivez ces étapes :
Assurez-vous de la syntaxe appropriée :
Dans votre code, vous avez manqué les guillemets simples (') autour de l'URL de l'image d'arrière-plan. La syntaxe correcte est :
<div [ngStyle]="{'background-image': 'url(' + photo + ')'}""></div>
Utiliser la fonction 'url()' :
La fonction 'url()' doit être utilisée pour spécifier l'URL de l'image d'arrière-plan, comme indiqué dans la syntaxe corrigée ci-dessus.
Validez l'URL :
Assurez-vous que l'URL de votre image de fond est correcte et accessible. Si l'image n'est pas accessible, l'image d'arrière-plan ne s'affichera pas.
En suivant ces étapes, vous devriez pouvoir ajouter avec succès des images d'arrière-plan à l'aide de ngStyle dans Angular2.
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!