2016-10-26 14 views
0

角度アプリケーションで角度変換を使用しています。現在選択されている言語に基づいて、角度を変更してインポートする方法

そして、私はSASSはコンパイル時に構築されているので、現在の選択languge

@import 'partials/reset'; 
@import 'partials/variables_ar';  <--------- OR 
@import 'partials/variables_en';  <--------- Based on $translate.use(); 
@import 'partials/mixins'; 
@import 'partials/angular-material-extend'; 
@import 'partials/layouts-template'; 
@import 'partials/layouts-page'; 
@import 'partials/animations'; 
@import 'partials/colors'; 
@import 'partials/icons'; 
+0

は、私はあなたがそれをこの方法で行うことができるとは思いませんビルド時に処理され、CSSに変換されます。 – mojarras

+0

だから、そういうことをする方法やアイデアはありますか? –

答えて

1

に基づいて輸入SCSSファイルを変更したい、時間を実行しないで、あなたは何をしようとして達成することはできませんそうですね。

あなたのための最良のアプローチは、ユーザーの選択した言語に基づいてクラスを変更し、そのクラスに応じてWebアプリケーションをスタイルすることです。たとえば、あなたのHTML:

<body class="{{ languageCode }}"> 
    <header>My Header</header> 
</body> 

とあなたSCSS:$翻訳したコードが実行時に、言語、およびこれらのSCSSファイルを取得し、設定するため

body.en { 
    header { color: blue; } 
} 

body.fr { 
    header { color: red; } 
} 
関連する問題