angular - Mat 按钮样式不适用于对话框组件

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 .模块.ts

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

有什么建议吗？谢谢

Answer 1

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

很可能在您重新创建组件后(假设您使用了 Angular CLI - ng 生成组件)，导入会自动为您添加。

另外请确保在添加新导入后停止并保留应用程序(ng serve 或等效程序)。