范围 CSS 仅在 Angular 5 中模块以防止渗透到应用程序的其他部分

Question

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

Answer 1

不存在模块 CSS 作用域。

默认值 ViewEncapsulation.Emulated 对每个组件执行此操作。使用 ViewEncapsulation.None 可以禁用它。 Angular.

没有提供其他方法

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