2017-02-07 8 views
0

ログインに基づいて、私はカラーコードを取得してlocalstorageに保存し、アプリケーション全体に渡ります。しかし、挑戦的なことは、私はsassファイルのカラーコードを置き換えることです。AngularJSファイルのカラーコードをsassに適用する

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

は、ここで私はログイン時に取得したカラーコードは、私がその昔の色に置き換えることを私が持っている#ecaa0bを取得し、すべてのCSSファイルに適用される場合は例えば$Primary-color のために交換することがあります。

+0

使用JS。 http://stackoverflow.com/questions/13813254/how-do-i-conditionally-apply-css-styles-in-angularjs – kawadhiya21

+1

できません。 CSSをインラインで変更するか、任意のクラスを使用するか、またはjsを使用して色を入力してください。 –

+1

可能性は疑問です。何らかの形で色の値を変更しても、sassファイルをCSSにコンパイルして色を表示する必要があります。 –

答えて

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

とhtmlで色を変更するには、フロントエンドの

<div ng-style="{background: schoolColor}"> 
         <h3>Latest Events</h3> 
        </div> 
関連する問題