私はIonic2でアプリケーションを開発していますが、theme1.cssとtheme2.cssという2つのスタイルシートがあります。クリックしたdiv要素に基づいてスタイルシートを適用します
これは私が欲しいものです:2つのdivがあります。最初のdivをクリックすると、私のアプリケーションのすべてのページにtheme1.cssが適用されます.2番目のdivをクリックすると、すべてのページでtheme2.cssが使用されます。
これは私が方法setThemeいるmyPage.html myPage.tsで
<div id="theme1" (click)="setTheme('theme1.css')">Apply Theme 1</div>
<div id="theme2" (click)="setTheme('theme2.css')">Apply Theme 2</div>
です:私はロード* .cssファイルについて知らない
setTheme(stylesheetName){
// what should I write here??
}
hmmテーマはファイルを区切る必要がありますか?おそらく、あなたは両方のテーマを持つ単一の.scssファイルを持ち、本体要素のクラスを使用してtheme1またはtheme2を切り替えることができます。あなたの.scssファイルは、 'body.theme1 {// theme1 css rules} body.theme2 {// theme2 css rules} 'のようになります。 – sebaferreras
@sebaferrerasあなたの解決策を考えてみましょう。私はクリックされたdivに基づいてボディクラスを変更する方法を理解していません – splunk