Angular 具有本机视图封装和全局CSS规则的角度组件
我有一个带有本机视图封装的组件Angular 具有本机视图封装和全局CSS规则的角度组件,angular,angular-components,Angular,Angular Components,我有一个带有本机视图封装的组件 这意味着每个CSS规则都使用影子DOM将我的规则仅应用于当前组件。但我有一个组件,每次我使用它时,我都想设置标签的样式。如何将本机视图封装与全局CSS规则结合起来?您可以将全局样式表添加到组件中的样式URL值中,以便在这些情况下允许它,例如: styleURL:['./products.component.css','../app.component.css'],你能澄清你的问题吗?是否要避免使用封装:视图封装。无,并且仍然能够使用全局样式设置组件的样式?完全正确
这意味着每个CSS规则都使用影子DOM将我的规则仅应用于当前组件。但我有一个组件,每次我使用它时,我都想设置标签的样式。如何将本机视图封装与全局CSS规则结合起来?您可以将全局样式表添加到组件中的
样式URL
值中,以便在这些情况下允许它,例如:
styleURL:['./products.component.css','../app.component.css'],
你能澄清你的问题吗?是否要避免使用封装:视图封装。无
,并且仍然能够使用全局样式设置组件的样式?完全正确!这就是我想要的。您可以将规则放在根styles.css
文件中。我个人使用的是scss@includes
。写一次,然后导入到任何地方。