ページ全体の背景色を角で変更する方法

Question

ページ全体の背景色を角度で変更しようとしています（枠なしで作業する場合はbodyタグまたはhtmlタグを使用します）。私はこのためのベストプラクティスを見つけることができません、私はそれが来るべきアプリケーションを構築しているので、可能な限り、それがフレームワーク内にあることを望みます。

Answer 1

いずれのコンポーネントからでも実行できます。たとえば：

export class AppComponent implements AfterViewInit { 
     constructor(private elementRef: ElementRef){ 

     } 
     ngAfterViewInit(){ 
     this.elementRef.nativeElement.ownerDocument.body.style.backgroundColor = 'yourColor'; 
     } 
    } 

this.elementRef.nativeElement.ownerDocumentを使用することにより、あなたは、任意の角度の規則に違反することなくwindow.documentオブジェクトにアクセスすることができます。もちろんwindow.documentを使用してdocumentオブジェクトに直接アクセスできますが、ElementRefからアクセスする方が良いと思います。

Answer 2

angle-cliを使用している場合。
グローバルスタイルファイルが存在する必要があります。

• SRC
  • アプリ
  • 資産
  • 環境
  • index.htmlを
  • Styles.cssを

あなたのスタイルを置くことができるはずです。 html { background-color: black; }を使用してページ全体を表示します。