2017-09-12 48 views
1

我新的角2.我生成角2項目由角CLI圖像。如果我將我的圖片保存在src/images文件夾中,則其在瀏覽器中顯示的404文件不會顯示在其src/assets文件夾中的顯示圖像中。如何裝入從SRC /圖像文件夾中,而不是從資產文件夾中的角2

這是什麼,以及如何背後的原因加載從SRC /圖片文件夾中的圖像..?

<div style="text-align:center"> 
    <h1> 
    Welcome to {{title}}! 
    </h1> 
    <img width="300" src="./images/img.jpg"> 
</div> 

browser output鏈接,我的輸出

code snap源代碼卡

回答

1

angular-cli產生.angular-cli.json在這裏你可以找到這個項目的配置,您使用的資源數組中.angular-CLI。 json列出您要在構建項目時按原樣複製的文件或文件夾。

.angular-cli.json

把你的文件assets和使用內部:

<img width="300" src="/assets/images/img.jpg"> 
+0

感謝您的建議。但我的查詢沒有放入資產文件夾,是否有任何其他方式來訪問src/images/img.jpg。 – Prava

+0

你爲什麼想這樣做? –

+0

其我的項目要求,我已經看到圖像在src/images文件夾中的示例。但對我來說它不工作。我不知道爲什麼。 – Prava

0

更新後的最新答案:

遵循以下步驟:

我的圖片放在src =>圖片= > 1.png表示位於資產文件夾外

.angular-cli.json

開角cli.json文件中找到的資產陣列圖像等陣列的文件夾名稱中添加。

"assets": [ 
    "assets", 
    "images", 
    "favicon.ico" 
], 

componenet.html

<img src="images/1.png"> 
+0

是的,總能正常工作。但對於不是正確的解決方案。 – Prava

+0

@Prava - 兩者都能正常工作並查看最近在我的答案中更新的輸出圖像。 – Chandru

+0

但它不適合我。 – Prava

相關問題