Angular2 IMG路徑

我有問題，我的應用程序中插入圖片：Angular2 IMG路徑

目前我有這樣的：

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

我的圖像存儲在SRC /應用/圖像/ billing.png

我想從admin.component.html中調用它，它存儲在： src/app/administration

來源

2016-08-16 Velimir Lazarevic

是你的問題，該圖像未發佈dist？或者你的圖片路徑錯了，應該是''？ – Delosdos

它沒有發佈，我嘗試了所有可能的路線到img –

好吧 - 好吧，要麼你想將你的圖像移動到你的SRC文件夾之外，並進入你的發佈/ dist文件夾。或者您需要將圖像複製器添加到您的構建過程中。 – Delosdos

假定您將圖像發佈到具有相同結構的dist文件夾作爲你的來源，那麼這樣的事情應該工作：

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

來源

2016-08-16 12:51:13 Delosdos

工作，謝謝！我認爲我可以像在html中一樣調用它。 –

非常好，很高興聽到;） – Delosdos

Angular2 IMG路徑

回答

相關問題