web-dev-qa-db-fra.com

Angular 4 images d'affichage

J'essaie d'ajouter une image avec angular 4 ... mais sans succès 

Mes dossiers :

src

- app
    - job
        job.component.css
        job.component.html
        job.component.specs.ts
        job.component.ts

- assets
    - images
        play-3.png

favicon.ico

Ce que j'ai essayé

 <a href="ta_page" ><img src="../assets/images/play-3.png"/></a>
 <a href="ta_page" ><img src="../../assets/images/play-3.png"/></a>
 <a href="ta_page" ><img src="../../../assets/images/play-3.png"/></a>
 <a href="ta_page" ><img src="/assets/images/play-3.png"/></a>
 <a href="ta_page" ><img src="./assets/images/play-3.png"/></a>
 <a href="ta_page" ><img src="/assets/images/play-3.png"/></a>
 <a href="ta_page" ><img src="assets/images/play-3.png"/></a>
 <a href="ta_page" ><img src="./assets/images/play-3.png"/></a>
 <a href="ta_page" ><img src="assets\images\play-3.png"/></a>
 <a href="ta_page" ><img src="images/play-3.png"/></a>
 <a href="ta_page" ><img src="favicon.ico"/></a>
 <a href="ta_page" ><img src="./play-3.png"/></a>
 <a href="ta_page" ><img src="app/assets/images/play-3.png"/></a>              
 <img ng-src="assets/images/play-3.png">
 <img ng-src="images/play-3.png">

erreur : 

  "apps": [
{
  "root": "src",
  "outDir": "dist",
  "assets": [
    "assets",
    "favicon.ico"
  ],

Solution: - Redémarrer le serveur après le téléchargement

htmlangularimagetypescript
3
Moha Darficops

Dans angular-cli.json, vous devriez avoir ceci:

> "apps": [
>     {
>       "root": "src",
>       "outDir": "dist",
>       "assets": [
>         "assets",
>         "favicon.ico"
>       ]

assets est le dossier vers les fichiers statiques, ok, maintenant vous devez placer les images dans un dossier dans assets /src/assets/images/play-3.png. avec:

<img src="/images/play-3.png"/></a>
2
Enrique Rubio Sanchez

avec votre structure de dossiers src/assets/images où vos images se trouvent dans le dossier images, cela devrait fonctionner: 

Tant que vous avez cette déclaration dans votre angular-cli.json

"applications": [ { "root": "src", "outDir": "dist", "les atouts": [ "les atouts", "favicon.ico" ]

0
Boago