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

时间:2013-01-16 07:51:35

标签: javascript css angularjs

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

<!-- File: some_partial.html -->
<link rel="stylesheet" href="link/to/some_partial.css" />
<!-- Rest of partial code here -->

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

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

1 个答案:

答案 0 :(得分:1)

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