Ionic - Javascriptを使用してSASS変数を定義する

Question

ハイブリッドイオン電話ギャップアプリケーションsassを使用して、色変数を定義しています。

私のアプリの一環として、外部データベースで定義されているものに応じて色を変更する必要があります。

私はJsonデータを返すために私のコントローラのサーバに接続する方法を知っています。

私のSassファイルでHTTPリクエストを使用してサーバーに接続できましたか？

に保存されている内容に応じてのアプリケーションの色が変更される可能性がありますか？

ご迷惑をおかけして申し訳ありません。

Answer 1

短い回答はいいえ。

SCSSをCSSに変換して、設定したとおりにする必要があります。

あなたがSCSSのテーマを利用することで似たようなことを達成できる方法です。これがどのように機能するかは、単に色々なテーマを異なる色ですべて上書きすることです。あなたはその後、ユーザーが選択しているテーマに応じて、スタイルシートを切り替えるには、角度（またはものは何でも使用しているフレームワーク）を使用することができ

$black: #000; 
$white: #fff; 
$red: #e2061c; 
$gray-light: #c9c8c8; 
$gray: #838282; 
$gray-dark: #333333; 
$blue: #253652; 

。

アンギュラ -

<link rel="stylesheet" type="text/css" ng-href="{{user.theme}}.css"> 

SCSS -

フォルダ構造

|- _scss/ 
|-|- _base/ 
|-|-|- _config.scss 

|-|- _layouts/ 
|-|-|- _l-grid.scss 
|-|-|- _l-default.scss 

|-|- _modules/ 
|-|-|- _m-accordions.scss 
|-|-|- _m-teasers.scss 

|-|-_themes/ 
|-|-|- _light-theme/ 
|-|-|-|- light.scss 

|-|- application.scss 

This atrical goes into great detail on how to theme your applications