如何指定从根到资产 Angular 的路径？

Question

在项目的根src目录assets中有放置图像的目录。

在用户服务中，我阅读了这些图像，例如：

return (data.photo == undefined || data.photo == null) ? '../../../assets/img/blank-person.jpg' :

你可以看到相关的路径，这是不好的方法。如何指定资产的绝对路径？

Answer 1

@OPV 您不需要提供完整路径，因为我们知道，即使我们执行 ng serve，Angular 最终也会构建项目。因此，文件夹结构如下图所示：

在这里您可以看到资产文件夹与最终使用您的图像的 index.html 文件平行。因此，您需要提供考虑上述结构的路径。

对于我的 test.jpg 文件

路径将是：'./assets/img/test.jpg'

例如 ： <div style="background-image: url('./assets/img/test.jpg')" ></div>

这里./表示当前文件夹，如上结构所示，索引文件在资产文件夹的当前文件夹中，我们必须从当前文件夹开始路径。

希望它能解决您的疑问，如果您发现任何问题，请告诉我，我将很乐意为您提供帮助。