CSS 范围仅限于 Angular 中的整个模块

Question

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

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

谢谢！

Answer 1

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

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

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

app.component.scss

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

CSS scope only to an entire module in Angular