it-swarm.com.de

Angular 4 Anzeigebilder

Ich versuche, ein Bild mit Winkel 4 hinzuzufügen ... aber ohne Erfolg 

Meine Ordner :

src

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

- assets
    - images
        play-3.png

favicon.ico

Was ich versucht habe:

 <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">

error :

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

Lösung: - Neustart ng nach pgn-Upload

3
Moha Darficops

In angle-cli.json sollten Sie Folgendes haben:

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

assets ist der Ordner für statische Dateien, ok, jetzt müssen Sie die Bilder in einem Ordner in Assets /src/assets/images/play-3.png ablegen. Schließlich können Sie von Ihrer app.component.html auf das Image zugreifen. mit:

<img src="/images/play-3.png"/></a>  

mit Ihrer Ordnerstruktur src/assets/images, wo sich Ihre Bilder im Bilderordner befinden, sollte dies funktionieren: 

Solange Sie diese Erklärung in Ihrem angle-cli.json haben

"apps": [ { "root": "src", "outDir": "dist", "Vermögenswerte": [ "Vermögenswerte", "favicon.ico" ]

0
Boago