javascript - 将 AngularJS 文件中的颜色代码应用到 sass

标签 javascript css angularjs sass

基于登录,我将获得颜色代码并将其存储在 localstorage 中并在整个应用程序中获取它。但具有挑战性的是我必须替换 sass 文件中的颜色代码。

$Primary-color:#491e6a;
$Secondary-color:#e5673a;
$button-color:#eb0e4d;
$Black:#000;
$White:#fff;

这里我在登录时获得的颜色代码必须替换为 $Primary-color 例如,如果我得到 #ecaa0b,我必须用旧颜色替换它,并将应用于所有 css 文件。

最佳答案

$rootScope.schoolColor = localStorage.getItem("schoolColor");

在html中

<div  ng-style="{background: schoolColor}">
                        <h3>Latest Events</h3>
                    </div>

关于javascript - 将 AngularJS 文件中的颜色代码应用到 sass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42083524/

相关文章:

javascript - 在执行操作后将 $http 请求返回到另一个请求

javascript - 循环遍历节点数组并向每个节点附加一个子节点只会附加到最后一个元素

javascript - 通过一次 plupload 调用实现多个 plupload 上传按钮

javascript - 样式为 :before and :after CSS 的互斥复选框

javascript - 选择 ng-options 中的更多元素或输出字段,其中包含有关所选 ng-options 的详细信息

javascript - AngularJS ng-show 不工作

javascript - Node.js:从导出进行内部调用

javascript - IE间歇性不执行动态添加的脚本文件

css - 如何为高度为 :0px to height:auto (CSS) 的元素 html 设置动画

css - 在 IE11 中无法使用分词符将单词分成几行