小编典典

如何在 Angular 项目中加载图像(和其他资产)?

all

我对 Angular 很陌生,所以我不确定这样做的最佳实践。

我使用了 angular-cli 并ng new some-project生成了一个新应用程序。

在“资产”文件夹中创建了一个“图像”文件夹,所以现在我的图像文件夹是src/assets/images

app.component.html(这是我的应用程序的根),我把

<img class="img-responsive" src="assets/images/myimage.png">

当我ng serve查看我的 Web 应用程序时,图像不显示。

在 Angular 应用程序中加载图像的最佳实践是什么?

编辑:见下面的答案。我的实际图像名称使用了 Angular 不喜欢的空格。当我删除文件名中的空格时,图像正确显示。


阅读 125

收藏
2022-08-16

共1个答案

小编典典

我修好了它。我的实际图像文件名中有空格,无论出于何种原因,Angular
都不喜欢这样。当我从我的文件名中删除空格时,assets/images/myimage.png工作。

2022-08-16