当涉及到AngularJS和CSS时模块化

Question

当涉及到AngularJS指令和样式时，约定是什么？

我是通过JS还是样式表来设置样式？我如何保持事物的自包含和模块化？

Answer 1

这在很大程度上取决于您使用的框架。在许多MVC框架中，您可以编写自己的视图帮助器，它会自动附加属于同一指令的JS文件和CSS文件。否则，您可以使用指令模板或Shadow DOM。

Answer 2

没有约定，因为这是像extjs这样的其他库的问题。但是，在extjs中，每个组件都有一个配置，可以将样式放入类似于内联样式的位置。

我的方法是在指令中包含一个单独的css，因为它很好地分隔了样式。因为angular指令允许单独的模板，所以你的html也可以很好地与javascript分开。