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

Question

我正在使用 Angular 5 试图显示我在 [=23= 所在目录上方的文件 2 目录中的图像]，但是我只是在控制台中得到空白图像框和错误：

GET http://localhost:4200/logo.jpg 404 (Not Found)

我正在尝试通过代码输出：

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

我已经通过在 src 中放置一个 placeholder.it 图像进行了测试，效果非常好...出于某种原因，这不会吗？

Answer 1

如果您使用 @angular/cli，您需要将图像放在 /src/assets/ 下，以符合 .angular-cli.json 资产配置。然后您可以直接使用图像，例如：

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

您可以根据需要在 .angular-cli.json "assets" 属性下创建额外的文件夹，以便额外 control/organization：

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

将 pa-logo.jpg 放入这个假设的 foobar 文件夹后的用法：

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

希望对您有所帮助！

Angular 5 - Can't output an Image using src?