Angular全局class如何实现呢?
Angular global class how to implement it?
我是 Angular 的新手,目前我正在尝试向现有项目添加样式。
该项目是使用组件构建的。所以每一页有4个文件,
- mypage.component.css
- mypage.component.html
- mypage.component.spec.ts
- mypage.component.ts
我可以通过将样式添加到组件中的 css 文件来轻松设置页面样式,并且页面样式完美无缺。
然而,问题是有许多页面一次又一次地需要相同的样式。
我可以将相同的样式复制并粘贴到每个 css 文件,并且它有效。
但这不是执行此操作的最优雅或最有效的方法。
我想知道添加 global.css 文件的正确方法是什么,以便每个页面都可以访问它。这样 css 只写一次。
我已经用谷歌搜索了,但没有找到任何解释如何以简单的方式做到这一点的内容。
谢谢
您可以将通用 css 添加到样式中。css/style.scss.
使用 ng new
命令创建项目后,Angular 默认将 style.css/scss
文件添加到项目中,并将其包含在 angular.json
配置文件中跨项目组件可用。
因此您可以在 src/styles.css(or scss)
文件中添加任何全局样式,以便在任何地方实施。
我是 Angular 的新手,目前我正在尝试向现有项目添加样式。 该项目是使用组件构建的。所以每一页有4个文件,
- mypage.component.css
- mypage.component.html
- mypage.component.spec.ts
- mypage.component.ts
我可以通过将样式添加到组件中的 css 文件来轻松设置页面样式,并且页面样式完美无缺。 然而,问题是有许多页面一次又一次地需要相同的样式。 我可以将相同的样式复制并粘贴到每个 css 文件,并且它有效。 但这不是执行此操作的最优雅或最有效的方法。 我想知道添加 global.css 文件的正确方法是什么,以便每个页面都可以访问它。这样 css 只写一次。
我已经用谷歌搜索了,但没有找到任何解释如何以简单的方式做到这一点的内容。
谢谢
您可以将通用 css 添加到样式中。css/style.scss.
ng new
命令创建项目后,Angular 默认将 style.css/scss
文件添加到项目中,并将其包含在 angular.json
配置文件中跨项目组件可用。
因此您可以在 src/styles.css(or scss)
文件中添加任何全局样式,以便在任何地方实施。