angularjs指令：如何封装CSS？
在完成了一个Web组件项目之后，我将回到AngularJS。我为指令找不到保持其CSS内部（或封装）的正确方法而感到沮丧。
对于Web组件，我没有这个问题，因为已经可以在模板中嵌入样式标签。
AngularJS指令不是这种情况。
到这里为止，我看到的是：
1）在外部文件：my-directive {color：red;}中定义CSS规则，但这不是封装。
2）使用element.css（{}）定义内部规则；内部链接函数，但是在这种情况下，样式是内联应用的，因此太重了，无法由外部CSS轻松覆盖。
还有其他方法吗？
谢谢
问题答案：
在GitHub上已经创建了一个角度服务，您可以动态地加载CSS文件，也许会有所帮助
https://github.com/Yappli/angular-css-
injector
或者，您可以给GruntJS一个机会，您可以拥有一个非常不错的项目结构，每个模块/文件夹都可以拥有自己的css文件，而Grunt会将所有这些文件捆绑为一个（或多个，取决于您的配置方式）。它易于管理和更改，但是页面上仅加载了一个文件。也许这些链接可能有助于找到可以帮助您的Grunt模块。
https://www.npmjs.org/package/grunt-contrib-
cssmin
-
本文向大家介绍angularJS 指令封装回到顶部示例详解，包括了angularJS 指令封装回到顶部示例详解的使用技巧和注意事项，需要的朋友参考一下 关于angularJS如何回到顶部，还是直接code吧！ 1.构建指令，使用registerDirective构建指令添加到内部的hasDirectives对象内，以方便后面在全局查找指令的时候进行匹配。 注： registerDirective
-
问题内容： 我想覆盖指令ng-click：在每次执行ng-click之前进行一些$ rootscope更改。怎么做？ 问题答案： 您不能覆盖AngularJS内置指令。但是，您可以定义多个具有相同名称的指令，并使它们针对同一元素执行。通过为指令分配适当的值，您可以控制指令在内置指令之前还是之后运行。 该插件显示了如何构建在内置指令执行之前执行的指令。该代码也显示在下面。单击链接时，自定义将首先运行
-
主要内容：AngularJS 指令,AngularJS 实例,数据绑定,AngularJS 实例,重复 HTML 元素,AngularJS 实例,AngularJS 实例,ng-app 指令,ng-init 指令,ng-model 指令,ng-repeat 指令,创建自定义的指令,AngularJS 实例,限制使用AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令
-
问题内容： 我喜欢使用指令制作自定义组件。我检查了很多教程，它使我感到困惑，任何人都可以解释指令的工作原理。我计划制造的组件是 呼喊列表的模板将像这样 问题答案： 这是您的指令，带有一些内联注释： 和模板文件： 现在，您可以在代码中使用它，如下所示： 控制器： 视图： 希望这可以帮助！
-
问题内容： 我一直在研究修改AngularJS ng-click指令以添加一些其他功能。对于如何使用它，我有一些不同的想法，但是一个简单的想法是将Google Analytics（分析）跟踪添加到所有ng-clicks，另一个是防止双击。 为此，我的第一个想法是使用装饰器。所以像这样： 但这不会起作用，因为装饰器会在实例化时触发，而不是在满足指令中的表达式时触发。因此，在这种情况下，它将在加载带有
-
问题内容： 确实为此感到挣扎-尝试了我能想到的所有方法。希望有人可以提供帮助。 我有一条指令可以为我创建自定义控件的轮廓。定制控件的中心部分将由另一个动态生成的指令表示，该指令基于外部指令上的作用域变量的值。作用域变量包含内部指令的名称。我这样做是因为我的页面将包含多个动态生成的元素，这些元素均具有相同的布局，但内部内容不同。 即我的外部指令的示例： 设置为另一个指令的名称-在这种情况下。因此，我