html img-tag:在同一个文件夹中找不到图像

时间:2017-08-29 20:03:12

标签: html image angular http-status-code-404

我正在尝试使用Angular 2为我的WebApp制作幻灯片。问题是,当我尝试显示图像时,我得到了404错误。 Error-Message

enter image description here

图片与我的html文件位于同一文件夹中。

<img *ngIf="i == activeIndex" src="try1.png" style="width:100%; height: 500px">

PS:* ngIf不是它与互联网资源完美配合的问题。

2 个答案:

答案 0 :(得分:1)

只需将您的图片保存在资源文件夹中,然后将路径用作

src="/assets/try1.png"

希望它能帮到你

答案 1 :(得分:0)

尝试将其添加到.angular-cli.json部分下的assets文件中:

"assets": [
  "assets",
  "favicon.ico",
  "try1.png"
]

并确保您的图片文件位于src/目录