Comment spécifier le chemin de la racine aux actifs Angular?


ON V

A la racine du projet srcse trouve le répertoire assetsoù sont placées les images.

Dans le service utilisateur, je lis ces images comme :

return (data.photo == undefined || data.photo == null) ? '../../../assets/img/blank-person.jpg' :

Vous pouvez voir le chemin connexe, c'est une mauvaise approche. Comment spécifier le chemin absolu vers les actifs ?

sajal rajabhoj

@OPV, vous n'avez pas besoin de fournir un chemin complet, car nous savons qu'Angular construit finalement le projet même si nous effectuons un service ng. Ainsi, la structure des dossiers devient comme l'image ci-dessous :

structure de dossiers de Distribution Build

ici, vous pouvez voir que le dossier des actifs est parallèle au fichier index.html qui utilise finalement votre image. Par conséquent, vous devez fournir un chemin en tenant compte de la structure ci-dessus.

pour mon fichier test.jpg

le chemin sera : './assets/img/test.jpg'

Par example : <div style="background-image: url('./assets/img/test.jpg')" ></div>

./Indique ici le dossier actuel, car la structure ci-dessus montre que le fichier d'index se trouve dans le dossier actuel du dossier d'actifs, nous devons commencer le chemin à partir du dossier actuel.

J'espère que cela résoudra votre requête, si vous rencontrez un problème, faites-le moi savoir, je serai heureux de vous aider.

Articles connexes