Angular2：CSSのすべてのカラー割り当てを動的に更新します。

Question

私は、ユーザが所定のカラーパレットのリストから自分のカラーテーマを選択する機能を実装したいと思います。彼らがテーマを選択すると、関連する色、背景色などのすべてのインスタンスが、テーマパレットから対応する新しい色に変更されます。 Angularコントローラからこれを実装する方法はありますか？

[class.className]または[ngClass]を使用して特定の要素に条件付きでクラスを追加することができますが、大きなアプリケーションのすべての属性で個別にスタイルを変更する必要はありません。

特定の使用例：「テーマを更新」ボタンに付随する（クリック）リスナーは、.cssファイルのCSSの色の値を変更するために使用されるコントローラ関数によって処理されます。

Angular2でダイナミック/ユーザーコントロールのテーマ/色を実装した人はいますか？どのようにこれにアプローチするための任意の提案？

Answer 1

broは、角度のある素材チームが非常にクールな機能を果たしました。

https://github.com/angular/material2/blob/master/guides/theming.md

あなたは、実施例https://material.angular.io/を見たい場合はナビゲーションバーで、テーマピッカーを持っています。