Add class to custom component angular 2

Question

I have a <myComponent ></myComponent> and I want give class to myComponent?

This doesnt worked `<myComponent class="my-class"></myComponent>` 

How can I do that?

Answer 1

class MyComponent {
  @HostBinding('class.my-class')
  isMyClass:boolean = true;
}

Answer 2

Don't think that will work but there are easy workarounds:

If you want to style the placement/color etc of your component:

Best workaround is to place your <myComponent></myComponent> inside a <div> and apply the class to that div

If you want to style the contents of your component:

adding styleUrls in your Component and styling your content with a css file