Adding a css class to Angular Directive Element

Question

I have a directive <my-directive> that is an element. I do not use link or compile, just:

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

This of course is a fake directive, but the issue I have is being able to add a css class on this directive when it is in the DOM.

if there is anymore information I need to add, please let me know.

Why won't <my-directive class="someClass"></my-directive> work? — Amy Blankenship
– Amy Blankenship, Commented May 13, 2016 at 15:27

santialur · Accepted Answer · 2016-05-13 15:29:42Z

2

You could target the directive's tag from your CSS/scss stylesheet, this way:

Say you have:

<mydirect></mydirect>

So in styles.css:

mydirect {
  background-color: red;
}

answered May 13, 2016 at 15:29

santialur

2351 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding a css class to Angular Directive Element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related