Angular 5 - 无法使用src输出图像？

Question

我正在使用Angular 5试图显示一个我已经坐在文件2目录中的图像,我从那里获得HTML,但是我只是得到了空白图像框并且在控制台中出现错误:

GET http:// localhost:4200/logo.jpg 404(未找到)

我试图通过代码输出:

<img src="../../logo.jpg">

我已经通过在src其中放置了一个完美的placeholder.it图像进行测试...出于某种原因,这不会？

Answer 1

如果您使用的是@ angular/cli,则需要将图像放在/src/assets/与.angular-cli.json资产配置一致的位置.然后,您可以直接使用图像,例如:

<img src="assets/pa-logo.jpg">

您可以根据需要在"assets"属性下创建其他文件夹以.angular-cli.json进行其他控制/组织:

  "assets": [
    "assets",
    "foobar",
    "favicon.ico"
  ],

放入pa-logo.jpg此假设foobar文件夹后的用法:

<img src="foobar/pa-logo.jpg">

希望这有帮助!