Angular Material MatSnackBar panelClass 不起作用

Question

自从更新到材质 15 以来，我遇到了

panelClass

属性的问题。自从更新之后就没用了。 我的 styles.scss 喜欢：

::ng-deep .success-dialog-snackbar {
  color: white !important;
  background-color: green !important;
}

::ng-deep .error-dialog-snackbar {
  color: white !important;
  background-color: darkred !important;

MatSnackBar 调用：

  success(message: string) {
    this.snackBar.open(message, '', {
      duration: 5000,
      panelClass: ['success-dialog-snackbar']
    });
  }

  error(message: string) {
    this.snackBar.open(message, '', {
      duration: 5000,
      panelClass: ['error-dialog-snackbar']
    });
  }

MatSnackBar 调用位于 Angular 服务中，该服务从错误拦截器获取调用

材料 15 有什么变化吗？

我已经尝试离开

::ng-deep

但仍然无法工作

Answer 1

您应该将此类添加到 style.css :

.mat-mdc-snack-bar-container {
&.success-dialog-snackbar {
  --mdc-snackbar-container-color: #2196f3;
  --mat-mdc-snack-bar-button-color: #fff;
  --mdc-snackbar-supporting-text-color: #fff;
}

}