Angular 2: How to style host element of the component?

I have component in Angular 2 called my-comp:

<my-comp></my-comp>

How does one style the host element of this component in Angular 2?

In Polymer, You would use “:host” selector. I tried it in Angular 2. But it doesn’t work.

:host {
  display: block;
  width: 100%;
  height: 100%;
}

I also tried using the component as selector:

my-comp {
  display: block;
  width: 100%;
  height: 100%;
}

Both approaches don’t seem to work.

Thanks.

6 Answers
6

Leave a Comment