2017-10-23 8 views
0

私はangular2 + themingに関して質問があります。 Firestoreで値を設定しようとしていて、それがフェッチされ、angle2 +アプリケーションがロードされ、プライマリとセカンダリの色が動的に設定されているためです。動的テーマデータベースの価値を持つ角度2

AngularJSには、スクリプトコードでテーマを設定できる$ mdThemingProviderというラベルのサービス(リンク:https://material.angularjs.org/1.1.4/api/service/ $ mdThemingProvider)がありました。

Angular2またはAngularMaterial.ioでこれは何も見たことがありません。すべてのヘルプは非常に感謝しています。私は本当にここでのテーマのための解決策を見出したいと思います。前もって感謝します! AngularMaterial.ioから

答えて

0

複数のテーマ

あなたはミックスイン、それぞれ含めることは、追加のCSSによってゲート で複数回、 角度-材料-テーマを含めることによって、アプリケーションのための複数のテーマを作成することができますクラス。

それらが提供する例では、2つのテーマ($candy-app-theme$dark-theme)を定義する方法を示し、内部の任意の成分に暗いテーマを適用するクラスを使用します。私たちの場合、私はFirebaseからテーマ値を取り出しクラスにバインドすると思います。

+0

ありがとうございます。この場合、色のオプションは任意の2つのマテリアルカラーの組み合わせになる可能性があります。そのため、すべての可能な組み合わせに基づいてテーマを作成することはできません。私は、サービスがfirebaseから色をフェッチした後にテーマを生成する必要がある特定のケースがあります。私はここに助けていただきありがとうございます!ありがとう! –

+0

ああ、ユーザーにプライマリとアクセントの色を選択させようとしていますか? Material.ioカラーツールを見て、彼らがどのようにダイナミックカラーを実装しているかを見てみましょう。後で私のリンクを見つけて更新できるかどうかがわかります。 – stealththeninja

+0

https://material.io/color/#!/ – stealththeninja

関連する問題