代码之家 › 专栏 › 技术社区 › John Theoden

html中有角度的4/5图像路径

path image angular

0

John Theoden · 技术社区 · 8 年前

我的工作区结构如下所示:

src/
   app/
   asset/
       img1.png
       img2.png
       img3.png

。。。如您所见,应用程序文件夹和资产文件夹位于同一级别。我的索引文件也在src文件夹中。我试图将图像加载到我的组件中,但无法使其显示,并且我一直出现错误,例如:

GET http://localhost:4200/asset/img1.png 404 (Not Found)

我的html如下所示:

<img style="height: 395px; width: 360px;" src="asset/img1.png">

path有什么解决方案吗?

2 回复 | 直到 8 年前

1

Martin Nuc 8 年前

默认情况下,资源文件夹的名称为 assets 。此设置为 .angular-cli.json 在里面 apps->assets 设置。

当您将文件放在那里时,您应该能够像这样链接它们: <img style="height: 395px; width: 360px;" src="assets/img1.png">

2

1

Sangwin Gawande 8 年前

在中添加文件夹 .angular-cli.json 文件如下所示。

从中创建的所有自定义文件 src 需要在此处添加文件夹。

"apps": [{
    "root": "src",
    "outDir": "dist",
    "assets": [
        "assets",
        "asset" // <-- Like this
    ],
........
}]