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

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

我正在做这样的事情:

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

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

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

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

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

您是否有任何建议或有用的示例，说明如何使用AngularJS操纵自定义标签的样式属性？

最佳答案

这应该可以解决问题。

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

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

关于javascript - 如何在AngularJS中操纵指令样式？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19246110/

myApp

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