将 CSS 类传递给 Angular 库答案

【问题标题】：Pass CSS class to Angular Library将 CSS 类传递给 Angular 库
【发布时间】：2020-03-27 12:36:06
【问题描述】：

我正在为自定义模式创建一个使用角度 CDK 的库。我想要使用该库的应用程序将 CSS 类名与模态窗口的其他配置一起传递。这样我就可以在库中应用这样的类。

  this.overlayContainer.getContainerElement().classList.add(modalConfig.overlayContainerClass);

我可以看到类已应用于元素，但没有类存在。

<div class="cdk-overlay-container overlay-material-design-theme mat-typography custom">

我已经在应用组件 CSS 文件中定义了这个。

.custom{
  width: 100%;
}

问题是库组件如何访问应用程序组件中的 CSS？

【问题讨论】：

【解决方案1】：

要使 css 类以这种方式工作，您必须将它们放在不存在视图封装的地方。

这个地方通常在src/styles.scss。

如果您想要更多结构，可以将它们放在另一个由 src/styles.scss 导入的 scss 文件中。

【讨论】：