Angular2 img Pfad

Ich habe Problem Bild in meiner Anwendung einzufügen:Angular2 img Pfad

Zur Zeit habe ich dies:

<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" routerLinkActive="active"> 
    <a [routerLink]="['/']"> 
    <img src="billing.png">Payroll Center 
    </a> 
    </div>

Mein Bild wird in src/app/images gespeichert/billing.png

Ich möchte es von admin.component.html aufrufen, das gespeichert ist in: src/app/administration

Quelle

2016-08-16 Velimir Lazarevic

Ist dein Problem, dass das Bild nicht veröffentlicht wird zu dist? Oder dass der Bildpfad falsch ist und "" lauten sollte? – Delosdos

Es ist nicht veröffentlicht, ich habe versucht, alle möglichen Routen zu img –

ok - nun, entweder möchten Sie Ihre Bilder aus Ihrem SRC-Ordner und in Ihrem Ordner Publish/dist verschieben. ODER Sie müssen Ihrem Build-Prozess einen Image-Kopierer hinzufügen. – Delosdos

Vorausgesetzt, Sie veröffentlichen Ihr Bild in Ihrem Ordner dist mit der gleichen Struktur Als deine Quelle, dann sollte so etwas funktionieren:

<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" routerLinkActive="active"> 
    <a [routerLink]="['/']"> 
     <img src="/app/images/billing.png">Payroll Center 
    </a> 
</div>

Quelle

2016-08-16 12:51:13 Delosdos

funktioniert, danke! Ich dachte, ich könnte es normalerweise wie in html nennen. –

Ausgezeichnet, froh zu hören;) – Delosdos

Angular2 img Pfad

Antwort

Verwandte Themen