Диалоговое окно не наследует от них материал Angular

Question

Почему диалоговое окно не наследует тему в angular материале? Я попытался добавить темную тему в файл стилей, чтобы исправить это, поскольку видел в этом решение, но у меня это не сработало.

Answer 1

Вы, вероятно, включили свою тему в стили. css (или styles.s css). Поскольку диалог находится внутри глобального оверлейного контейнера, требуется дополнительный шаг для тех компонентов, на которые влияет селектор класса 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