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

Question

在项目src的根目录中，有一个目录assets，其中放置了图像。

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

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

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

Answer 1

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

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

for my test.jpg file

路径为：'。/ assets / img / test.jpg'

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

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

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

Answer 2

从src文件夹中的任何组件获取资源文件夹，

您必须修改代码，如：

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