2017-08-04 57 views
0

在angular-cli.json文件中,有apps/assets鍵讓我可以使用資產。如何申報資產?

我可以聲明所有放在那裏的圖像,然後我就可以使用它。但這顯然不是這樣做的權利,對吧?

「?跆拳道這是否同胞編碼小氣」,是你的權利,現在我承擔,所以這裏是我的詳細問題:

.angular-cli.json:

"apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
     "assets", 
     "favicon.png" 
     ], 
     // Other things that do not matter 
    ], 

某處的代碼:

<img src="assets/images/mycoolimage.png" alt="Johannes banannes">

資產文件夾(包括圖像):

src/assets/images/mycoolimage.png 

我得到一個404說沒有找到圖像。查看angular-cli.json,在其中聲明assets文件夾。這不是應該包括所有資產嗎?該favicon.png例如是accessable使用類似的代碼的任何位置如下:

<img src="favicon.png">

如果「資產」在assets部分(角cli.json)宣佈,不宜其內容可無處不在使用類似以下內容:

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

任何幫助,高度讚賞。

編輯:這是顯示我的文件夾結構截圖:

Screen

+0

你應該能夠以這種方式獲取圖像。 favicon是一種特殊情況,因爲它被編譯到輸出文件夾的根目錄,即/dist/favicon.ico。你是在做'ng serve'的時候得到404,還是在編譯之後用'lite-server'來服務?你的'base_href'設置爲什麼? – joh04667

+0

使用圖像的相對路徑 – Faisal

+0

E.g.如果您的component.htm位於src/app /文件夾下,那麼將組件中的圖像設置爲Johannes banannes ... angular-cli將在構建之後處理路徑。 – Faisal

回答

0

如果不走,隨意添加一個答案的方式。如果你的解決方案比我的更好,我會接受它。

.angular-cli.json,我添加了以下行:

"apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
     "assets", 
     "assets/images", //<<<--- This line 
     "favicon.png" 
     ], 
     // Other things that do not matter 
    ], 

它給了我訪問這些圖象。只聲明「資產」不起作用。它看起來像角只是包括子文件,而不是子文件夾。