Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 具有本机视图封装和全局CSS规则的角度组件_Angular_Angular Components - Fatal编程技术网

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
。写一次,然后导入到任何地方。