Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular @角度/cdk/覆盖全局和中心位置don';t工作_Angular_Angular Cdk - Fatal编程技术网

Angular @角度/cdk/覆盖全局和中心位置don';t工作

Angular @角度/cdk/覆盖全局和中心位置don';t工作,angular,angular-cdk,Angular,Angular Cdk,我试图使用新的@angular/cdk,但位置策略似乎不起作用,只想显示以背景为中心的模式,我知道我可以在窗格中设置一个类,并在那里设置固定位置,但在这种情况下,我不知道positionStrategy配置是什么,我希望尽可能适合@angular/cdk功能 下面是一个例子:我自己也遇到了这个问题。若您单独使用CDK,并没有角度材质,那个么您将丢失处理大量定位的样式表。在cdk内部,有一个“overlay prebuilded”CSS文件,需要导入该文件才能正确渲染 @import "~@ang

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


下面是一个例子:

我自己也遇到了这个问题。若您单独使用CDK,并没有角度材质,那个么您将丢失处理大量定位的样式表。在cdk内部,有一个“overlay prebuilded”CSS文件,需要导入该文件才能正确渲染

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

只需确保不要将其导入到封装的组件中。您希望它位于全局css/scss文件中

我自己也遇到了这个问题。若您单独使用CDK,并没有角度材质,那个么您将丢失处理大量定位的样式表。在cdk内部,有一个“overlay prebuilded”CSS文件,需要导入该文件才能正确渲染

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

只需确保不要将其导入到封装的组件中。您希望它位于全局css/scss文件中

如果忘记安装,请安装angular CDK

> npm i @angular/cdk
然后将“覆盖预构建”和“a11y预构建”导入到全局样式文件中

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

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

您可以找到完整的文档

如果忘记安装,请安装angular CDK

> npm i @angular/cdk
然后将“覆盖预构建”和“a11y预构建”导入到全局样式文件中

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

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

你可以找到完整的文档

非常感谢,我没有找到任何文档,我快发疯了:)你刚刚救了一个好人,使他免于发疯。谢谢你。非常感谢你,我没有找到任何文档,我快发疯了:)你刚刚救了一个好人,使他免于发疯。非常感谢。