向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; 
}