css – 如何在Angular中更改整页背景颜色

我试图在Angular中更改整个页面的背景颜色(在没有框架的情况下使用body或html标签).我找不到这方面的最佳实践,如果可能的话,我希望它在框架内,因为我将在未来几年内构建一个应用程序.
您可以从任何组件执行此操作.例如:

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直接访问文档对象,但我认为最好通过ElementRef访问它.

相关文章
相关标签/搜索