angularjs指令:如何封装css？

Question

在使用Web Components的项目之后,我将回到AngularJS.令我感到沮丧的是,我找不到适当的方法来保持CSS内部(或封装)的指令.

使用Web组件我没有这个问题,因为已经有一个样式标记可以嵌入到模板中.

AngularJS指令的情况并非如此.

直到这里我看到的是:

1)在外部文件中定义CSS规则:my-directive {color:red;},但这不是封装.

2)使用element.css({})定义内部规则; 内部链接功能,但在这种情况下,样式是内联应用的,因此太重,不能轻易地被外部CSS覆盖.

还有其他方法吗？

谢谢

Answer 1

GitHub 上已经创建了一个 Angular 服务，您可以动态加载 css 文件，也许它会有所帮助

或者你可以给 GruntJS 一个机会，你可以拥有一个非常好的项目结构，每个模块/文件夹都可以有自己的 css 文件，Grunt 会将所有这些文件捆绑到一个（或多个，这取决于你如何配置）。它易于管理和更改，但您的页面上只加载了一个文件。也许这些链接可以帮助您找到可以帮助您的 Grunt 模块。