如何在angularjs中加载自定义指令特定的CSS文件？

我有一个自定义指令，其中包含多个html元素和应用于它们的类，我有一个特定于该指令的CSS文件，其中定义了所有这些类。

---

当我使用自定义指令（在我的任何视图中）时，按需加载此CSS文件的更好方法是什么？

一种可能是动态生成链接标记并将其添加到文档头。您可能希望将其包装在一个可以跟踪已加载样式表的服务后面

---

您还需要确保在显示指令之前等待样式表被加载和应用，这样您就不会看到未设置样式的内容。

将其包含到主html中有什么问题吗？按需加载对您有什么好处？我们在项目中实现了延迟加载的概念我们不加载任何未使用的文件。而且该指令是公共模块的一部分。除非视图使用该指令，为什么要预加载它？