角4角形のスタイルシートを切り替えます

Question

テーマを切り替えることが可能かどうか疑問に思っています（2つのスタイルシート）。 私の実際の設定は、私のangular-cli.json設定内のスタイルシートAです。 私がしたいのは、スタイルシートAをスタイルシートBと単純な（クリック）トグルで置き換えることです。

私はこの

コンポーネントのようになりますindex.htmlをコードでスタイルシートをインポートするかどう：

constructor() { } 

    toggleTheme() { 
    this.darkTheme = this.lightTheme; 
    } 

Index.htmlと

<div [class.dark]="darkTheme"> 
<div [class.light]="lightTheme"> 
<button (click)="toggleTheme()"> 
Toggle theme 
</button> 

しかしイム以来、スタイルシートをインポートしますdark.cssをindex.htmlの代わりにangular-cli.jsonファイルに追加すると、どうすればこの問題を解決できますか？

Answer 1

すべてのコンポーネントには、独自のスタイルシートファイルがあり、スコープはコンポーネント専用です。私はあなたがインデックスファイルのメインのスタイルシートを変更したいと思うが、それは角度成分以来変更される文脈または範囲がない。

メインコンポーネントで（共有レイアウトとして）行うことができます。しかし、子コンポーネントはスタイルシートのスコープを持たないことに注意してください。