Question

我正在使用深色模式创建一个页面，该页面具有完全不同的CSS。如果我将其CSS文件添加到angular.json中的样式

下

"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文件中，则不会从任何src文件中链接到component.ts文件夹。

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

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

Answer 1

从一点开始，它说现在在此文件夹中，两点到src的上一级文件夹比scss文件的上一级。

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

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

1 个答案: