How to apply css class to a component element when it's created by router-outlet?

Question

I have DOM that looks something like this:

    
    ...

         


        

Answer 1

Assuming you always want the class applied to this component, you can use host in your component metadata:

@Component({
  selector:'project',
  host: {
      class:'classYouWantApplied'
  }
})

Resulting in:

    
    ...