css - (AngularJS) 整个网站只少了一个文件

Question

我是 AngularJS 的初学者，我有一个小问题，我安装了 grunt-contrib-less 来支持 less 文件而不是 css，但现在我必须声明所有 less 样式，这些样式将只编译到一个 css 文件中。

但我的问题通常是当我使用较少时，我为特定页面编写一些代码，而这里我必须为所有页面编写样式代码。这令人困惑，而且无法真正维护，那么是否有组织较少样式的最佳实践？

我认为可能有多种解决方案:

1. 将一个类应用于 body 标签并将其更改为 I don't know what( Controller 、服务或其他)( Import LESS file only for one page )
2. 根据编译的样式生成多个 css 文件(但我不能这样做，因为我无法正确配置 grunt)
3. 通过 DOM 操作来做到这一点(但它并不漂亮，因为我认为 Angular 一定有解决该问题的好方法)

你能解释一下如何为不同的 View 设置不同的样式吗？我不希望所有 View 中的所有链接都采用相同的样式，而且如果不创建数百个类，我不知道该怎么做。

Answer 1

使用指令

并添加任何你想添加的变量/代码/逻辑

HTML template(directive) of style can be added to your view and after compile you will get different ui for all your views

引用阅读

angular directive