垫按钮样式不适用于对话框组件

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.modules.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

如果您在单独的组件中使用该对话框，并且该特定组件未导入您的 app.module.ts 文件中，则不会应用样式。

很可能在您重新创建组件后（假设您使用了 Angular CLI - ng generate 组件），系统会自动为您添加导入。

还要确保在添加新导入后停止并保留应用程序（ng serve 或等效程序）。