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以显示颜色