如何在Angular 4中更改变量Sass的值？

Question

变量$color = 'red'位于文件 app.component.scss 中 如何从文件app.component.ts中访问此变量$ color以将其值更改为“绿色”？

Answer 1

你不能。 Sass在编译时转换为纯CSS，在运行时没有Sass及其变量。

Answer 2

您应该拥有2个变量，而不是这样做

$color-red = 'red' ;
$color-green = 'green'

然后定义2个类

.color-red{
   color: $color-red;
}

.color-green{
   color: $color-green;
}

然后如Sourav所说，使用ngClass连续地应用类