对话框不会从Angular材质的对话框中继承

Question

为什么对话框不继承角度材料中的主题？我尝试将一个深色主题添加到样式文件中，以解决此问题，因为我认为这是一种解决方案，但不适用于我。

Answer 1

您可能已将主题包含在styles.css（或styles.scss）中。由于对话框位于全局叠加层容器的内部，因此需要受这些主题的css类选择器影响的那些组件需要执行额外的步骤。

为此，您可以将适当的类添加到全局覆盖容器中：

import {OverlayContainer} from '@angular/cdk/overlay';

@NgModule({
  // ...
})
export class UnicornCandyAppModule {
  constructor(overlayContainer: OverlayContainer) {
    overlayContainer.getContainerElement().classList.add('unicorn-dark-theme');
  }
}

链接到官方文档：https://material.angular.io/guide/theming#multiple-themes