私はAngularJS、UI Bootstrap、Sassを使ってプロジェクトを進めています。今、私たちは、さまざまなテーマをユーザーに提供したいと考えています。私は既にangular.element().css()
を使って異なる背景を適用して実装しました。しかし、色々なサイトの異なる要素の色を変更するには、これは私のための正しいアプローチではないようです。私は別のCSSファイル(main_dark.css
、main_light.css
、...)を生成し、それらをng-href
でロードすることを考えていました。そうすれば、私は開発部と設計部を分けることができましたが、画面が点滅したり、いくつかのドロップダウンがもう機能しないなど、いくつかの問題が発生しました。AngularJSで複数のテーマを使用する最も良い方法は何ですか
は今、私は正しい軌道に乗ったり、彼らが最良の方法は、身体などにメインクラスを作成することですSASSでのご発展場合AngularJS
を適用するために状態を変更するNEDDとして。私。 CSSは2つのファイルに分割されます。 Layout.css - それは常に適用され、異なるテーマ(red.css、green.css、blue.cssなど)のテーマファイルがあります。これらのファイルには、背景、罫線などの色のスタイルのみが含まれている必要があります。挿入時に古いファイルの後に新しいCSSファイルを挿入すると、古いスタイルが削除されます。ちょうどアイデア。 – MKAka