Angular 图像路径

Question

这个问题来自开源项目。

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

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

文件夹结构是-

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

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

Answer 1

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

在屏幕截图中，您可以看到 Assets 的路径层次结构。

---

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