Skip to main content
 首页 » 编程设计

Angular 图像路径

2025年12月25日154insus

这个问题来自开源项目。

所有图像都存储在 asset 文件夹中,文件位于 app/customer 文件夹中,从该文件夹中指定了加载图像的代码。代码是-

<img src="assets//images/{{customer.gender | lowercase}}.png" class="details-image" alt=""> 

文件夹结构是-

-app 
 -customer 
  -fileLocation 
-assets 
 -images 
  -image1.png 

图像加载正确。我的问题是 - 即使文件位于不同级别,图像也是如何加载的?我在任何地方都看不到设置。

请您参考如下方法:

如果您使用的是 Angular6,则可以在 Angular4/5 的 Angular.json 文件中自定义 Assets ,您可以使用 .Angular-cli.json

enter image description here 在屏幕截图中,您可以看到 Assets 的路径层次结构。


此外,当您构建项目 ng build 时,从生成的 dist 文件夹中您可以看到与 index.html 的 Assets 文件夹路径关系> 文件 enter image description here