渲染圖像標籤的靜態圖像中角2

我有以下結構我的應用程序，

在選擇。 Component.html視圖我想在圖像標記中顯示UserDefaultImage.png圖像。

我試過下面的東西，但沒有運氣。

<img src="../images/DefaultUserImage.png" /> 
<img src="./images/DefaultUserImage.png" /> 
<img src="/images/DefaultUserImage.png" /> 
<img src="app/images/DefaultUserImage.png" /> 
<img src="/app/images/DefaultUserImage.png" />

我需要添加什麼路徑才能使它工作？

來源

2017-09-13 Keval Patel

你也嘗試過Tic_tac_toe.png嗎？ –

這也是行不通的。 –

您是使用角度cli還是設置了自定義生成配置？ –

當你移動到瀏覽器和檢查元素，你會發現圖片的路徑是這樣

http://localhost:3000/images/DefaultUserImage.png

你應該動您的圖片文件夾到資產文件夾並使用此

<img src="assets/images/DefaultUserImage.png" >

來源

2017-09-13 10:14:19

來源：https://angular.io/guide/quickstart

資產/ *當你建立你的應用程序在那裏你可以把圖像和其他任何一個文件夾複製批發。

它的工作：<img src="assets/images/test.png" />

來源

2017-09-13 10:12:59 dennee

這隻適用於角度cli項目，或者如果構建是這樣配置的。它不會奇蹟般地爲任何項目開箱即用 –

渲染圖像標籤的靜態圖像中角2

回答

相關問題