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

Currently, Angular 6 recommends me to use @HostBindings and @HostListeners instead of the host property:

export class ProjectComponent {
  @HostBinding('class') classes = 'classYouWantApplied';
}