2017-08-04 82 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 
    ], 

它给了我访问这些图象。只声明“资产”不起作用。它看起来像角只是包括子文件,而不是子文件夹。