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

前端之家收集整理的这篇文章主要介绍了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访问它.

猜你在找的CSS相关文章