title: Angular2, How to get the current active component selector to use it as class globally for css styling
body: <p>I want to apply styling for each component, what i am looking is I want to get the current component selector name and pass it as class name like this</p>
  
  <pre><code>&lt;div [class]="component-slector-name"&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>so that for every active component I get its selector and set it to div tag for custom css styling..</p>
  
  <p>Does anyone know how to do this ??
  Thanks in advance for time and support.</p>