向Angular Directive元素添加一个css类

Question

我有一个指令<my-directive>这是一个元素。我不使用链接或编译，只是：

export default function myDirective() { 
    return { 
     restrict: 'E', 
     scope: true, 
     templateUrl: 'my-directive.html', 
     controller: mydirective, 
     controllerAs: 'mine', 
     bindToController: {} 
    } 
} 

这当然是假的指示，但我有这个问题是能够添加一个CSS类此指令，当它在DOM。

如果有任何我需要添加的信息，请让我知道。

Answer 1

你可以从你的CSS/SCSS样式表针对该指令的标签，这种方式：

假设你有：

<mydirect></mydirect> 

所以在styles.css中：

mydirect { 
    background-color: red; 
}