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

在项目的根目录

src

中有一个目录

assets

用于放置图像

在用户服务中，我阅读了以下图像：

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

---

您可以看到相关路径，这是一种糟糕的方法。如何指定资产的绝对路径？

要从src文件夹中的任何组件获取资产文件夹

您必须修改代码，如下所示：

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

---

要从src文件夹中的任何组件获取assets文件夹

您必须修改代码，如下所示：

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

---

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

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

对于我的test.jpg文件

路径将为：“./assets/img/test.jpg”

例如：

此处

/

表示当前文件夹，如上结构所示，索引文件位于资产文件夹的当前文件夹中，我们必须从当前文件夹开始路径

---

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

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

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

对于我的test.jpg文件

路径将为：“./assets/img/test.jpg”

例如：

此处

/

表示当前文件夹，如上结构所示，索引文件位于资产文件夹的当前文件夹中，我们必须从当前文件夹开始路径

---

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

关于：

返回（！data.hasOwnProperty（'photo'）| | | data.photo==null）

？在else语句中，您可以返回任何默认图像。关于：

返回（！data.hasOwnProperty（'photo'）| data.photo==null）

？在else语句中，您可以返回任何默认图像。