如何设置 angular material 组件的自定义默认值

Question

是否可以为@angular/material 属性定义自定义值？

我在我的应用程序中使用了 mat-paginator，我正在尝试将 .mat-paginator-range-label {margin: 0 32px 0 24px} 更改为 .mat-paginator-range-label{margin:auto} 但我无法更改它。

可能吗？

Answer 1

如果我没记错的话，您想覆盖 class .mat-paginator-range-label 和 .mat-paginator-range-label 的 css 属性，您可以使用 ::ng-deep

::ng-deep .mat-paginator-range-label {margin: 0 32px 0 24px}

::ng-deep .mat-paginator-range-label{margin:auto}

或

::ng-deep{
.mat-paginator-range-label {margin: 0 32px 0 24px}
.mat-paginator-range-label{margin:auto}
}

Answer 2

不要使用 ng-deep，它已被弃用

在您的 styles.scss

中覆盖 material 样式

body .mat-paginator-range-label {
    margin: auto;
}