我正在尝试使用新的@angular/cdk，但位置策略似乎不起作用，只想显示一个以背景为中心的模态，我知道我可以为窗格设置一个类并在那里设置固定定位但是，在这种情况下，我不知道 positionStrategy 配置是什么，我希望尽可能适应 @angular/cdk 功能。
这里的例子：https ://stackblitz.com/edit/angular-9nthad?file=src%2Fapp%2Fhello.component.ts
问问题
1997 次
2 回答
6
我自己遇到了这个问题。如果您使用 CDK 本身，没有角度材料，那么您将丢失处理大量定位的样式表。在 cdk 内部，有一个“覆盖预构建”的 CSS 文件，您需要导入它才能正确呈现。
@import "~@angular/cdk/overlay-prebuilt.css";
只要确保您不将其导入封装的组件即可。您希望它在全局 css/scss 文件中。
于 2018-09-26T21:17:39.083 回答
0
安装 CDK 后，将“overlay-prebuilt”导入全局样式文件。
> npm i @angular/cdk
> @import "~@angular/cdk/overlay-prebuilt.css";
您可以在此处找到完整的文档Angular 材料 CDK
于 2020-07-19T09:06:00.780 回答