有没有办法在Angular中加载懒惰的CSS文件?

Luk*_*kas 5 javascript css angularjs

我正在使用AngularJS.到目前为止,我通过在部分的顶部链接它来加载特定于我的部分的CSS:

<!-- File: some_partial.html -->
<link rel="stylesheet" href="link/to/some_partial.css" />
<!-- Rest of partial code here -->
Run Code Online (Sandbox Code Playgroud)

这感觉不对.CSS没有链接<head>(使其成为非标准),并且每隔一段时间,样式实际上不会应用于部分.

在Angular中延迟加载CSS的正确方法是什么,推迟到实际需要部分?

San*_*gen 1

我可以建议引入一项服务来跟踪各种控制器的样式需求。它确实有自己的小控制器,head根据其他组件的请求将实际的 CSS 文件/路径输出到其中。该服务将被注入到其他组件中,以便这些组件可以调用方法来表达他们感兴趣的样式。表达他们感兴趣的样式可以根据实际的 CSS 文件/路径来完成,或者被抽象成某种东西例如“需要表格、警报、自定义品牌等支持”。