angular - 动态添加CSS时，css中的角度图像无法加载

我将尽力解释我的困境。

所以在应用程序中，我不使用资产文件夹，而在app / img / icons /中有我的图标图像，并说我有一个名为“ home”的组件，我可以像这样将图标加载到scss文件中： / p>

背景：url（../ img / icons / test.png）;

这可以很好地工作，但是当我在html中动态添加样式标签并尝试执行相同操作时，却遇到了难题，找不到图片。因此，我要将样式标签添加到同一组件html文档中。

我从网络检查器中注意到，在编译时，角度看起来像对图像做了一些处理，就像将它们移动到根文件夹中一样，如果您已经将其包含在构建中，则好像在构建之前不使用它们-如果有意义的话。

所以我想知道如何将动态CSS添加到html文档中并允许其加载背景图片？除非我误解了最终构建的结构，否则似乎在构建之前就不用它们了。

基本上，在将动态样式添加到文档后，您将具有以下内容：

图像无法加载，但完全相同的代码在组件scss文件中可以正常工作！