angularjs : setting class attribute in a directive template

Question

I'm trying to set the class attribute of my directive. That's how I do it:

the relevant code in the directive

template: '<input class="myClass" />'

scope:{
 myClass = '@'
}

and that's how I call it

<my-directive my-class="someClass" />

Unfortunately, nothing happens. No errors, but the class is just not set.

Anything I'm missing ?

joakimbl · Accepted Answer · 2013-04-24 18:07:21Z

5

myClass is a scope variable in your new isolated scope. You have to write template: '<input class="{{myClass}}" /> or template: '<input ng-class="myClass" />

answered Apr 24, 2013 at 18:07

joakimbl

18.1k5 gold badges57 silver badges53 bronze badges

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

1 Comment

Sam Over a year ago

nice one. I had missed that. Thanks !

Collectives™ on Stack Overflow

angularjs : setting class attribute in a directive template

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related