Angular 7-更改组件的背景颜色

Question

我是从Angular开始的，所以如果这是一个菜鸟问题，请原谅。我已经生成了一个我想用作登录屏幕的组件。我正在尝试更改整个页面的背景颜色，但无法成功完成。

我尝试了以下方法：

html{
    background-color: blue !important;
}

body{
    background-color: blue !important;
}

这不起作用。我不想更改所有页面的背景颜色，仅更改此登录组件。因此，将上述代码放入styles.scss文件中是不可行的。

Answer 1

:host {
    background: blue;
}

您应该阅读Component styling上的一些文档，尤其是View Encapsulation 这种机制确保所定义的样式仅适用于组件，而不会“泄漏”。