Angular-具有本机视图封装和全局CSS规则的组件

Question

我有一个具有本机视图封装的组件

这意味着每个CSS规则都使用影子DOM将我的规则仅应用于当前组件。但是我有一个组件，每次使用时，我都希望对标签进行样式设置。如何将本机视图封装与全局CSS规则结合在一起？

Answer 1

您将全局样式表添加到组件的styleUrls值中，以便在这种情况下可以使用它，例如：

styleUrls: ['./products.component.css', '../app.component.css'],