仅在 Angular 5 中将 CSS 范围限定为模块，以防止渗入应用程序的其他部分

Question

如何将 CSS 范围限定为 Angular 中的一个模块？当我懒惰地加载一个模块，并且在该模块中有 ViewEncapsulation.None 时，CSS 会渗入我应用程序的其他部分。知道如何防止这种情况发生，或者仅在 Angular 5 中为该模块保留该 CSS？

Answer 1

没有像模块 CSS 范围这样的想法。

默认ViewEncapsulation.Emulated为每个组件执行此操作。随着ViewEncapsulation.None你禁用它。Angular 没有提供其他方法。

您可以将 CSS 类或属性添加到模块中的每个组件，并将该类或属性添加到该模块中的每个选择器，以将 CSS 限制为该模块的组件。