Стиль кнопки «Мат» не применяется в компоненте диалога

Question

У меня есть диалоговый компонент, и у меня есть две кнопки с матом, но по какой-то причине стиль кнопки с матом не применяется. Стиль кнопки работает в других компонентах, но я не уверен, почему он не применяется только в этом диалоговом компоненте.

    <button mat-raised-button color = "primary"(click)="onNoClick()" style="margin-left:100px;">No, I'm still working.</button>
    <button mat-raised-button color = "primary"(click)="onNoClick()" style="margin-left:100px;">No, I'm still working.</button>

Я уже импортирован как в файл app.module.ts, так и в файл material.modules.ts. но не уверен

app.moudles.ts

import {MatButtonModule} from '@angular/material/button';

  imports: [
    MatButtonModule,
]
  exports: [MatButtonModule],

material.modules.ts

import { MatButtonModule } from '@angular/material/button';
@NgModule({
  imports: [
    MatButtonModule,
}
  exports: [
    MatButtonModule,
}

Любое предложение, почему это может быть ?. спасибо

Answer 1

Я вижу, вы не используете MatDialog. Поэтому я предполагаю, что проблема связана с тем, что материал не полностью настроен.
Вы установили тему материала в файле style.scss? Если вы этого не сделали, попробуйте добавить эту строку вверху файла style.scss:

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

Для дальнейшего чтения, посмотрите эту ссылку .