升级到 Angular 14 后，不会从 assets 文件夹加载图像。我是否缺少任何配置，任何人都可以帮我解决方案

Question

我是否缺少 Angular 14 中的任何配置？

从

<img [src]="assets/images/sidebarNav">

尝试使用

./, ../

这对我不起作用。

我用过 如何在 Angular 项目中加载图像（和其他资源）？

Answer 1

方括号 (

[]

) 表示从组件逻辑（数据）到视图（目标元素）的单向属性绑定。

如果您在视图页面（html）中写入图像的源路径，则不需要属性绑定。

但是你在这里混合了两件事。要么删除方括号

<img src="/assets/images/sidebarNav">

，要么需要像 <img [src]="itemImageUrl"> 那样的

属性绑定

，并在组件文件中设置变量

itemImageUrl = 'assets/images/sidebarNav';

。

但这在 Angular 8 上也不起作用，所以这与你升级到版本 14 无关。