angular - 如何指定从根目录到 Assets Angular 的路径？

Question

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

在用户服务中，我阅读这些图片是这样的:

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

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

Answer 1

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

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

我的 test.jpg 文件

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

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

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

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