Angularjs 我们可以从SCSS文件中的角度获取动态值吗

基本上我想根据用户的选择为每个元素使用背景色，用户的选择将存储在数据库中。用户应根据网页的颜色配置文件。因此，我需要一个想法，从angular获取该值，并将其值存储在scss变量上，然后进行渲染。

这是不可能的，angular是javascript代码，在客户端浏览器中运行，sass预编译为css，任何变量在浏览器中渲染之前都将转换为完整值

---

您需要使用angular调用服务器，并让服务器根据angular提供的值动态生成CSS文件。（我想您也可以在客户机上执行此操作，我确信某个地方有一个javascript库可以让您编译sass）

Scss在构建之前编译为css，因此角度部分无法控制Scss。可以使用gulp/grunt编辑scss变量。但对你来说，这没用

最简单的方法就是使用ng风格。

---

SCSS是一个预处理器，当您使用SCSS时，它实际上会被编译成CSS，这就是您所使用的

也许最好的解决办法是在你需要的部分使用<代码>正文，

div

，或您想要的任何地方

范例

<div ng-style="userStyle">
...
</div>

假设您有一个

userInfo

对象，具有

backgroundColor

属性

$scope.userInfo = { backgroundColor: 'red' };
$scope.userStyle = {'background-color': $scope.userInfo.backgroundColor};