使用敲除绑定或其他解决方案影响Sass变量

Question

是否可以通过数据绑定更改sass变量？

示例：我想用按钮更改变量的颜色。

我对Knockout.js以外的其他解决方案开放。

$color: red; 
 

 
my_class { 
 
    background-color: $color; 
 
    
 
    height:20px 
 
    width:20px; 
 
}

<button type="button" data-bind="css: { $color: 'green'}">Change to Green</button> 
 

 

 
<div class="my_class"></div

Answer 1

SASS是一个CSS预处理器，并在SASS文件汇编替代变量（$color）与它的精确值（red）的每一次出现。

因此，在SASS编译为CSS后，您不会影响到这一点。

您可以使用样式结合

<div data-bind="style: { color: currentProfit() < 0 ? 'red' : 'black' }"> 
    Profit Information 
</div> 

如为了改变specisic元素的颜色在documentation描述。

或者您可以从您的视图模型中返回此颜色，并在样式绑定中使用此颜色。