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

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

它在"Assets"文件夹中创建了一个"images"文件夹,所以现在我的图像文件夹是src/assets/images

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

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

当我执行ng serve来查看我的Web应用程序时,图像不显示.

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

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

推荐答案

我把它修好了.我的实际图像文件名中有空格,不管出于什么原因,ANGLE不喜欢这样.当我go 掉文件名中的空格时,assets/images/myimage.png起作用了.

Html相关问答推荐

如何通过将项目包裹在迪夫中来保持最右列的对齐方式来对齐项目?

springBoot + Thymeleaf:基于Locale设置页面语言

如何防止SVG图标出现断行?

使用网格时图像溢出容器高度

在 bootstrap 中的弹性项之间添加连接行

为什么XPath返回的元素比我预期的要多?

使用无限数量的元素创建特定的CSS网格

用于删除页面页眉上的超链接的CSS

如果DIV没有特定的sibling 姐妹,则以CSS为目标

如何使不断增长的div不溢出其包含固定div的父级

默认情况下使用Disbale Scroll,但在单击图标后将其激活

错误时交换表单,成功时使用HTMX重定向

如何在悬停时更改同级元素 CSS

为什么我的 html 对话框在 React 中没有渲染在我的内容之上?

当多个a元素用作目标时的:target伪类

在选项标签中如何添加Django模板的条件

CSS:第一个类型的伪类没有按预期工作

在 jinja 模板内的 html 表中嵌套 For 循环

如何使用 html 和 css 为卡片创建此背景框架

禁用的 Select 标签没有在 chrome 上的 css 中指定的 colored颜色