如何在 Angular 中更改整个页面的背景颜色

Question

我正在尝试在 Angular 中更改整个页面的背景颜色（在没有框架的情况下使用正文或 html 标签）。而且我找不到最佳实践，如果可能的话，我希望它在框架内，因为我正在构建一个未来几年的应用程序。

原文由 Efim Rozovsky 发布，翻译遵循 CC BY-SA 4.0 许可协议

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 访问它会更好。

原文由 asmmahmud 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果你使用的是 angular-cli。

应该存在一个全局样式文件。

• 来源
  • 应用程序
  • 资产
  • 环境
  • 索引.html
  • 样式.css

在那里你应该能够把你的风格，例如 html { background-color: black; } 影响整个页面。

原文由 Andresson 发布，翻译遵循 CC BY-SA 3.0 许可协议