角度图像路径答案

【问题标题】：Angular Image Path角度图像路径
【发布时间】：2018-10-14 15:53:14
【问题描述】：

这个问题来自开源项目。

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

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

文件夹结构是-

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

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

【问题讨论】：

“不同层次”是什么意思？
图片是从位于 app/customer 的文件中调用的，图片位于与 app 文件夹同级的 assets 文件夹中。但是没有指定像上一级，然后是资产文件夹.....
@Aparna 原因很简单 Angular-cli 知道资产文件夹
谢谢维卡斯。 Angular 知道，但我不知道 Angular 是怎么知道的？
@Vikas True.. :-)

【解决方案1】：

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

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

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

【讨论】：

是的，我可以在 angular.json 文件中看到此代码。这意味着当我提到“资产”时，路径将映射到“src/assets”。我说的对吗？
不，从 dist 文件夹中你可以看到这个相对路径
您的应用程序只是index.html 文件，因为它是一个单页应用程序。所以index.html 和“assets”文件夹在同一级别。所以root-path ie / 是包含index.html 文件的文件夹。所以应用程序中的任何地方都应该是 "/assets/<path to resource>" 或 ` "assets/"`
否，但 dist 文件夹是在构建之后创建的。我还没有构建项目。
当您执行 ng-serve 时，angular-cli 会在内存中创建类似 dist 的内容，而不是在磁盘上为服务器快速开发内容。由于它在内存中，我们看不到