为单独的页面自定义正文的背景颜色答案

【问题标题】：Customize the background color of body for seperate pages为单独的页面自定义正文的背景颜色
【发布时间】：2018-11-10 00:48:04
【问题描述】：

所以我使用 angular 5 并且我正在尝试自定义主页正文的背景颜色，但不允许将该颜色传递到下一页。

使用 ng-deep，我可以让它在用户刷新页面时正常工作。那么如何阻止将主体颜色白色传递到下一页并显示灰色而无需刷新页面

提前致谢

【问题讨论】：

标签： css angular typescript angular5

【解决方案1】：

你可以从一个组件中访问它：

 export class HomePageComponent implements AfterViewInit {

   constructor(private elementRef: ElementRef){}

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

【讨论】：

它没有解决我的问题，因为它仍然将它传递到下一页。这样每个页面现在都有一个红色的背景。好像和ngdeep有类似的效果
您必须仅在您的主页组件中实现它，而不是在 AppComponent 中抱歉，我编辑了我的答案。所以颜色只会应用在主页组件中。
我把它放在我所有的页面中，幸好它并没有解决传递它的问题。这样我就可以为每一页拥有我想要的任何颜色。非常感谢哥们，解决了我一直忽略的长达一周的问题
好的，请注意不要有冲突（如果页面中有多个组件）。