Angular tip: How to add a class to a component from "inside".

angular-tip-component-class-from-inside.md

Component adds class to itself

When defining a component you can define a class (and other attribute) on its own host element.

For example if you define the <my-component></my-component component, you can define it to have a class like <my-component class="my-component-class"> directly from compoent code. So you are not dependent on the "user" of this component to define the class.

This can be done with the @HostBinding

export class MyComponent {

  @HostBinding('attr.class') cssClass='my-component-class'

}