Angular全局class如何实现呢?

Angular global class how to implement it?

我是 Angular 的新手,目前我正在尝试向现有项目添加样式。 该项目是使用组件构建的。所以每一页有4个文件,

我可以通过将样式添加到组件中的 css 文件来轻松设置页面样式,并且页面样式完美无缺。 然而,问题是有许多页面一次又一次地需要相同的样式。 我可以将相同的样式复制并粘贴到每个 css 文件,并且它有效。 但这不是执行此操作的最优雅或最有效的方法。 我想知道添加 global.css 文件的正确方法是什么,以便每个页面都可以访问它。这样 css 只写一次。

我已经用谷歌搜索了,但没有找到任何解释如何以简单的方式做到这一点的内容。

谢谢

您可以将通用 css 添加到样式中。css/style.scss.

使用 ng new 命令创建项目后,

Angular 默认将 style.css/scss 文件添加到项目中,并将其包含在 angular.json 配置文件中跨项目组件可用。

因此您可以在 src/styles.css(or scss) 文件中添加任何全局样式,以便在任何地方实施。