时间戳

首页 > 解决方案 > CSS 范围仅适用于 Angular 中的整个模块

css - CSS 范围仅适用于 Angular 中的整个模块

问题描述

我正在对模块进行延迟加载，并且我想在加载该模块时加载 CSS 文件。CSS 文件应该只影响那个特定的模块。

我不能把它放在styles.css上，因为它会影响其他模块。

谢谢！

标签： cssangularmodulelazy-loading

解决方案

我已经设法通过为每个模块创建一个样式文件并将这个样式文件添加到组件样式列表中来为每个模块添加客户样式

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.module.scss' , './app.component.scss' ],
})

或者您可以在组件样式文件中使用 scss impot

app.component.scss

@import './app.module.scss';

推荐阅读