title: interpolation to a css class in an external file angular 2
body: <p>I'm wondering if is possible to pass a variable to a css class into an external css file in angular 2, like from: </p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    title = 'app works!';
    bgc: string = 'orange'
  }
  </code></pre>
  
  <hr>
  
  <p>then on the "app.component.css" I would like to pass like</p>
  
  <pre><code>.mydiv{ background: {{bgc}};  }
  </code></pre>
  
  <p>Is this possible?</p>