Angular 角度材质主题化不随OverlyContainer更改

我正在尝试将黑色主题添加到我的应用程序中：

所以我有两个主题，像这样的光和暗：

$gok-app-accent: mat-palette($mat-deep-purple);
$gok-app-warn: mat-palette($mat-amber);
$gok-app-dark-theme: mat-dark-theme(
  (
    color: (
      accent: $gok-app-accent,
      primary: $gok-app-primary,
      warn: $gok-app-warn,
    ),
  )
);

我在styles.scss中添加了两个类：

.light-theme {
  @include angular-material-theme($gok-app-light-theme);
  @include all-components-theme($gok-app-light-theme);
}

.dark-theme {
  @include angular-material-theme($gok-app-dark-theme);
  @include all-components-theme($gok-app-dark-theme);
}

我想测试我的类是否工作，但这段代码不工作

  ngOnInit() {
    this.overlayContainer.getContainerElement().classList.add("dark-theme");
  }

顺便说一句，我的混音是工作，当我把黑暗的主题“包括”它的工作

---

你们有什么想法吗？提前谢谢

最终通过另一种方法成功改变主题：

  @HostBinding("class") componentCssClass: string;

    ...
  ngOnInit() {
     this.componentCssClass = "dark-theme";
  }

---

最后，通过另一种方法成功地改变主题：

  @HostBinding("class") componentCssClass: string;

    ...
  ngOnInit() {
     this.componentCssClass = "dark-theme";
  }