Angular 全局类如何实现呢？

Question

我对 Angular 很陌生，目前我正在尝试为现有项目添加样式。 该项目是使用组件构建的。所以每页有4个文件，

• mypage.component.css
• mypage.component.html
• mypage.component.spec.ts
• mypage.component.ts

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

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

谢谢

Answer 1

在您使用ng new 命令创建 style.css/scss 文件后，Angular 默认会将其添加到您的项目中，并将其包含在angular.json 配置文件中，以便在项目的组件中使用。

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

Answer 2

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