我将尽力解释我的困境。
所以在应用程序中,我不使用资产文件夹,而在app / img / icons /中有我的图标图像,并说我有一个名为“ home”的组件,我可以像这样将图标加载到scss文件中: / p>
背景:url(../ img / icons / test.png);
这可以很好地工作,但是当我在html中动态添加样式标签并尝试执行相同操作时,却遇到了难题,找不到图片。因此,我要将样式标签添加到同一组件html文档中。
我从网络检查器中注意到,在编译时,角度看起来像对图像做了一些处理,就像将它们移动到根文件夹中一样,如果您已经将其包含在构建中,则好像在构建之前不使用它们-如果有意义的话。
所以我想知道如何将动态CSS添加到html文档中并允许其加载背景图片?除非我误解了最终构建的结构,否则似乎在构建之前就不用它们了。
基本上,在将动态样式添加到文档后,您将具有以下内容:
图像无法加载,但完全相同的代码在组件scss文件中可以正常工作!
答案 0 :(得分:2)
您需要将app/img/icons/
添加到angular.json中的“资产”数组中