在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">
任何帮助,高度赞赏。
编辑:这是显示我的文件夹结构截图:
你应该能够以这种方式获取图像。 favicon是一种特殊情况,因为它被编译到输出文件夹的根目录,即/dist/favicon.ico。你是在做'ng serve'的时候得到404,还是在编译之后用'lite-server'来服务?你的'base_href'设置为什么? – joh04667
使用图像的相对路径 – Faisal
E.g.如果您的component.htm位于src/app /文件夹下,那么将组件中的图像设置为 ... angular-cli将在构建之后处理路径。 – Faisal