2017-01-27 5 views
1

мне интересно, если можно передать переменную в класс CSS во внешний файл CSS в угловом 2, как от:интерполяция к классу CSS во внешнем файле угловой 2

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

затем на «app.component.css» Я хотел бы передать как

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

возможно ли это?

ответ

0

Я не думаю, что это было бы возможно.

Если вам нужен стиль, чтобы изменить программно, я хотел бы предложить, глядя в ngStyle по ссылке ниже:

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

+0

Могу ли я применить ngStyle к DOM, как <тело [ngStyle] = "{ 'font-style': styleExp} ">? – jcdsr

+0

Да, это должно быть возможно. – chrispy

+0

Я думаю, что нельзя добавить ngStyle в тег , я проверил некоторый тест и не работал – jcdsr