仅将节点模块 SCSS 文件应用于 Angular 7 中的特定页面答案

【问题标题】：applu node module SCSS files only to specific page in Angular 7仅将节点模块 SCSS 文件应用于 Angular 7 中的特定页面
【发布时间】：2020-04-14 18:31:14
【问题描述】：

我正在创建一个具有完全不同 CSS 的暗模式页面。如果我在样式下的angular.json 中添加它的 CSS 文件

"styles": [
          "src/styles.scss",
          "node_modules/datatables.net-dt/css/jquery.dataTables.css",
          "node_modules/datatables.net-select-dt/css/select.dataTables.css",
          "node_modules/ngx-toastr/toastr.css",
          "src/assets/scss/black-dashboard.scss"
        ],

但这会影响其他页面，因为 CSS 是全局添加的，而不是按要求添加到单个页面。

如果我想在.ts 文件中导入它，我不知道如何从任何component.ts 文件链接到src 文件夹。

@Component({
  selector: 'app-chart',
  templateUrl: './chart.Component.html',
  styleUrls: ['./chart.Component.css', '../../..src/assets/scss/black-dashboard.scss']
})

请帮助我了解如何在组件级别添加SCSS 文件组*.component.ts

【问题讨论】：

标签： css angular sass

【解决方案1】：

从一个点开始，现在你在这个文件夹中说你在这个文件夹中，有两个点去上文件夹到 src，而不是去 scss 文件。

@Component({
  selector: 'app-chart',
  templateUrl: './chart.Component.html',
  styleUrls: ['./chart.Component.css', './../../../src/assets/scss/black-dashboard.scss']
})

【讨论】：