我对 Angular 很陌生,所以我不确定这样做的最佳实践。
我使用了 angular-cli 并ng new some-project生成了一个新应用程序。
ng new some-project
在“资产”文件夹中创建了一个“图像”文件夹,所以现在我的图像文件夹是src/assets/images
src/assets/images
在app.component.html(这是我的应用程序的根),我把
app.component.html
<img class="img-responsive" src="assets/images/myimage.png">
当我ng serve查看我的 Web 应用程序时,图像不显示。
ng serve
在 Angular 应用程序中加载图像的最佳实践是什么?
编辑:见下面的答案。我的实际图像名称使用了 Angular 不喜欢的空格。当我删除文件名中的空格时,图像正确显示。
我修好了它。我的实际图像文件名中有空格,无论出于何种原因,Angular 都不喜欢这样。当我从我的文件名中删除空格时,assets/images/myimage.png工作。
assets/images/myimage.png