Question

我正在使用Angular 6。

我知道如何通过以下方式访问图像：

http://localhost.com:4200/assets/image.png

通过将该图像放在路径上：

/src/assets/image1.png

但是现在我正在做一个正在运行的组件：

/src/app/components/mycomp

然后我要使用另一个image2.png，它将仅由该组件使用。然后，我不想像第一种情况一样将此图像放在全局目录中。相反，我想将该图像放在此位置：

/src/app/components/mycomp/assets/image2.png

目标是使此组件易于移植。

此外，在文件mycomp.component.css上，我将引用该文件。

反正这样做吗？

在这个项目中，我将有很多单独的组件，每个组件具有多个不同的资产，并且我不想混合所有这些资产。我希望每个组件都有自己的空间/目录。

反正要实现这一目标吗？

Answer 1

您可以通过使用base64转换器（例如https://www.base64-image.de/）对图像进行编码来解决任务。如果您的图片可以转换为SVG，也可以将其嵌入模板中。希望对您有帮助。