首页 文章

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

提问于
浏览
0

我正在尝试使用新的@ angular / cdk,但位置策略似乎不起作用,只想显示一个以背景为中心的模态,我知道我可以设置一个类到窗格并设置固定定位但是,在这种情况下,我不知道positionStrategy配置是什么,我希望尽可能符合@ angular / cdk功能 .

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

1 回答

  • 2

    我自己遇到了这个问题 . 如果你自己使用CDK,没有角度材料,那么你就错过了处理大量定位的样式表 . 在cdk内部,有一个'overlay-prebuilt'CSS文件需要导入才能正确呈现 .

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

    只需确保不要将其导入封装组件 . 你想要它在全局css / scss文件中 .

相关问题