Angular 图片路径

Question

本题来自开源项目。

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

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

文件夹结构为-

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

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

Answer 1

如果您正在使用 angular6，您可以在 angular.json 文件中为 angular4/5 自定义您的资源。angular-cli.json

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

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

Angular Image Path