Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将AngularJS文件中的颜色代码应用于sass_Javascript_Css_Angularjs_Sass - Fatal编程技术网

Javascript 将AngularJS文件中的颜色代码应用于sass

Javascript 将AngularJS文件中的颜色代码应用于sass,javascript,css,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文件 $

基于登录,我将获取颜色代码,并将其存储在
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>

最新事件

在前端使用js更改颜色。你不能。在css内联或使用任何类或使用js进行颜色更改我怀疑这是可能的。即使您以某种方式使用angular更改了这些颜色值,也需要将sass文件编译为CSS以显示颜色