javascript - 如何在 AngularJS 中操作指令样式？

Question

我正在使用 AngularJS 和 AngularJS 指令编写一个组件。

我正在做这样的事情:

var MyApp = angular.module('MyApp', []);

MyApp.directive('myTag', function() {
    return { /* Some logic here*/ }
});

我希望能够更改组件的样式(使用 CSS)，如下所示:

<my-tag class="MyClass"></my-tag>

除此之外，我希望能够操纵我内部的所有元素样式 组件(我的标签内的 HTML 标记)。

关于如何使用 AngularJS 操作自定义标签的样式属性，您有什么建议或有用的示例吗？

Answer 1

这应该可以解决问题。

var MyApp = angular.module('MyApp', []);

MyApp.directive('myTag', function() {
    return { 
      link: function(scope, element, attributes){
        element.addClass('MyClass');
      }
    }
});