angular - @angular/cdk/overlay 全局和居中位置不起作用

Question

我正在尝试使用新的@angular/cdk，但位置策略似乎不起作用，只想显示一个以背景为中心的模态，我知道我可以为 Pane 设置一个类并在那里设置固定的定位，但在那种情况下，我不知道什么是 positionStrategy 配置，我希望尽可能适应 @angular/cdk 功能。

这里的例子:https://stackblitz.com/edit/angular-9nthad?file=src%2Fapp%2Fhello.component.ts

Answer 1

我自己也遇到过这个问题。如果您单独使用 CDK，没有 Angular Material ，那么您将缺少处理大量定位的样式表。在 cdk 内部，有一个“overlay-prebuilt”CSS 文件，您需要导入它才能正确呈现。

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

只要确保您没有将它导入到封装的组件中即可。你想要它在全局 css/scss 文件中。