Angular 6中的sass全局变量
创始人
2024-10-16 11:00:48
0次

在Angular 6中，可以使用@import指令来引入全局的Sass变量。以下是一种解决方法：

  1. 在src目录下创建一个名为styles.scss的文件（或者你可以选择其他的文件名）。
  2. 在styles.scss文件中定义你的全局Sass变量，例如：
$primary-color: #007bff;
$secondary-color: #6c757d;
  1. 打开angular.json文件，找到projects -> your-project-name -> architect -> build -> options -> styles属性。将其值更改为：
"styles": [
  "src/styles.scss"
],
  1. 在你的组件样式文件中，可以直接使用你在styles.scss文件中定义的全局Sass变量，例如：
.my-component {
  background-color: $primary-color;
  color: $secondary-color;
}

这样，你就可以在整个Angular项目中使用相同的全局Sass变量了。

上一篇：Angular 6中的Rxjs导入问题

下一篇：Angular 6中的事件在表单中不触发

相关内容

热门资讯

经调查！wepoker免费脚本... 经调查！wepoker免费脚本，潮友会虾蟹骰子概率计算方式，一贯是真的有辅助插件（哔哩哔哩）1、让任...
目前！hhpoker有没有作必... 目前！hhpoker有没有作必弊挂，哈糖大菠萝助手，本来有辅助app（哔哩哔哩）1、游戏颠覆性的策略...
受玩家影响！we-poker辅... 受玩家影响！we-poker辅助软件教程，微信微乐开挂，其实存在有辅助工具（哔哩哔哩）1、全新机制【...
为切实保障！hhpoker外开... 为切实保障！hhpoker外开挂靠谱吗，多乐辅助器使用方法，真是是真的有辅助工具（哔哩哔哩）1、多乐...
近年来！wepoker好友助力... 近年来！wepoker好友助力码，闲逸辅助器，原来存在有辅助app（哔哩哔哩）闲逸辅助器是不是有人用...
此事备受玩家关注！wepoke... 此事备受玩家关注！wepoker模拟器哪个，兴动互娱辅助设置步骤详解，果然是真的有辅助技巧（哔哩哔哩...
随着！cloudpoker作必... 您好，土豪联盟辅助软件下载这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很...
此事引发网友热议！pokemm... 此事引发网友热议！pokemmo脚本辅助器下载，雀神麻将辅助透视，都是真的有辅助软件（哔哩哔哩）1）...
日前！hhpoker有没有作必... 日前！hhpoker有没有作必弊辅助，天天爱游戏辅助，原来真的有辅助方法（哔哩哔哩）1、游戏颠覆性的...
据文件显示！德州私人局脚本，亿... 据文件显示！德州私人局脚本，亿游十三道脚本插件，果然有辅助教程（哔哩哔哩）在进入亿游十三道脚本插件软...