@angular/cdk/overlay 全局和居中位置不起作用
@angular/cdk/overlay Global and centered position don't works
我正在尝试使用新的@angular/cdk，但位置策略似乎不起作用，只想显示一个以背景为中心的模式，我知道我可以设置一个 class到窗格并在那里设置固定定位，但在那种情况下，我不知道 positionStrategy 配置是什么，我希望尽可能适应 @angular/cdk 功能。
这里是例子：https://stackblitz.com/edit/angular-9nthad?file=src%2Fapp%2Fhello.component.ts
我自己 运行 解决了这个问题。如果您单独使用 CDK，而不使用 angular material，那么您将缺少处理大量定位的样式表。在 cdk 内部，有一个 'overlay-prebuilt' CSS 文件，您需要导入该文件才能正确呈现。
@import "~@angular/cdk/overlay-prebuilt.css";
只要确保您没有将其导入到封装的组件中即可。您希望它在全局 css/scss 文件中。
安装 CDK 后，将“overlay-prebuilt”导入您的全局样式文件。
> npm i @angular/cdk
> @import "~@angular/cdk/overlay-prebuilt.css";
您可以在此处找到完整的文档Angular material CDK
我正在尝试使用新的@angular/cdk，但位置策略似乎不起作用，只想显示一个以背景为中心的模式，我知道我可以设置一个 class到窗格并在那里设置固定定位，但在那种情况下，我不知道 positionStrategy 配置是什么，我希望尽可能适应 @angular/cdk 功能。
这里是例子：https://stackblitz.com/edit/angular-9nthad?file=src%2Fapp%2Fhello.component.ts
我自己 运行 解决了这个问题。如果您单独使用 CDK，而不使用 angular material，那么您将缺少处理大量定位的样式表。在 cdk 内部，有一个 'overlay-prebuilt' CSS 文件，您需要导入该文件才能正确呈现。
@import "~@angular/cdk/overlay-prebuilt.css";
只要确保您没有将其导入到封装的组件中即可。您希望它在全局 css/scss 文件中。
安装 CDK 后，将“overlay-prebuilt”导入您的全局样式文件。
> npm i @angular/cdk
> @import "~@angular/cdk/overlay-prebuilt.css";
您可以在此处找到完整的文档Angular material CDK