在 angular 2 中的模块级别应用 CSS

Question

我开发了一个包含三个大模块的应用程序。我想将一些常见的 CSS 应用于 2 个模块，但第三个模块将具有不同的 CSS。我不想将前 2 个模块的 css 应用到第三个模块。

我无法在组件级别应用css，因为每个模块都有许多子模块、组件和子组件。

请提出在模块级别实施 CSS 的方法。

提前致谢

Answer 1

不，现在你不能那样做。这是一个待定的功能（参见 this and this）。

但是，您可以使用 /deep/ 策略将样式应用于模块的引导组件。 See this 了解更多信息

Answer 2

在 Angular 应用程序中，您应该使用 ::ng-deep，因为 /deep/ 和 >>> 已弃用。 This link 可能会有帮助。

Answer 3

您可以通过从模块的 root/parent 组件手动加载和卸载 css 模块来完成，这也将对当前父模块的子模块生效。 有关说明，请参阅 this。