CDK 叠加样式导入

Question

您好，我正在使用 CDK 和库中创建自己的模式对话框。我已经设法将所有内容连接起来，但对话框显示在文档的底部内联。

我认为问题在于未正确导入样式。

我在 /src/lib/components/modal/modal.component.css 中有声明：

@import "~@angular/cdk/overlay-prebuilt.css";

当我构建应用程序并在演示应用程序中使用它时，我看不到元素上应用的样式。我看到的示例是将样式导入到 styles.scss 中，它通常假定它是用于应用程序而不是库的。我需要为图书馆做些什么不同的事情吗？

Answer 1

我认为这里的问题是您没有在全局样式表中导入。将导入移动到全局样式表，例如angular.json 文件使用“样式”属性指向的那个。