如何通过更改主题来更改背景？

Question

我有一个背景图像作为我在CSS类中设置的封面，现在我想将其删除并应用背景色。.

我试图制作一个将主题更改为例如从亮到暗的功能，并且可以，但是我不知道如何取消设置背景主题和使用背景颜色。

我需要使用ngif吗？

我的背景在这里

<router-outlet class="cover-background">

在我的app.ts上

     constructor(public overlayContainer: OverlayContainer){}

      @HostBinding('class') componentCssClass;

      onSetTheme(theme) {
        this.overlayContainer.getContainerElement().classList.add(theme);
        this.componentCssClass = theme;
      }

this in my theme.scss

    .dark-theme {
  @include angular-material-theme($dark);
}

    .light-theme {
  @include angular-material-theme($theme);
}

Answer 1

您可以使用ngClass指令。