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

Question

为什么对话框不继承角度材质中的主题？我试图在样式文件中添加一个深色主题来解决此问题，因为我认为这是一种解决方案，但它对我不起作用。

Answer 1

您可能已经将您的主题包含在样式中.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