interpolation to a css class in an external file angular 2

问题

I'm wondering if is possible to pass a variable to a css class into an external css file in angular 2, like from:

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'
}

---

then on the "app.component.css" I would like to pass like

.mydiv{ background: {{bgc}};  }

Is this possible?

回答1:

I don't think this would be possible.

If you need a style to change programmatically, I would suggest looking into ngStyle at the link below:

https://angular.io/docs/ts/latest/api/common/index/NgStyle-directive.html

来源：https://stackoverflow.com/questions/41903323/interpolation-to-a-css-class-in-an-external-file-angular-2