如何在Angular中嵌入资产以外的其他目录中嵌入图像？

如何解决如何在Angular中嵌入资产以外的其他目录中嵌入图像？

我有一个具有以下结构的Angular应用程序： Structure

如您所见，有一个后端目录（标有黄色），其中存在其他目录，因此以下路径有效： backend / uploads / users / user123 / unnamed .jpg 。

现在我想在我的 app.component.html

中使用该图像

<img src="">

我试图以不同的方式将路径放入src属性，但是图像未出现。 src在我的Angular项目中如何使用该图像？

解决方法

我猜您正在使用角度CLI。因此，您应该将图像放在资产文件夹中。再试一次，它将起作用。

赞：

<img src="/assets/images/unnamed.jpg">

编辑：对不起，确实错过了这一部分。您需要为此编辑angular.json文件。将备份文件夹的路径添加到资产中。但是备份文件夹必须位于src文件夹中才能起作用。那就是我对解决方案的建议。 因此，您将添加“ src / backup”

,

我认为您实际上不想做的事。如果您想在Angular应用中使用图片，则要么是资产，然后将其放在资产文件夹中，要么是来自后端的资源，则必须编写适当的机制来公开所需的资源，然后在您的Angular应用中使用它。