Angular 对话框组件中未应用Mat按钮样式

Angular 对话框组件中未应用Mat按钮样式,angular,angular-material,Angular,Angular Material,我有对话框组件,里面有两个mat按钮,但由于某些原因,mat按钮样式不适用。按钮样式适用于其他组件,但我不确定为什么它不适用于此对话框组件 <button mat-raised-button color = "primary"(click)="onNoClick()" style="margin-left:100px;">No, I'm still working.</button> <button mat-raised-button color =

我有对话框组件,里面有两个mat按钮,但由于某些原因,mat按钮样式不适用。按钮样式适用于其他组件,但我不确定为什么它不适用于此对话框组件

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

material.modules.ts

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


有什么建议吗?。谢谢

我看到您没有使用MAT对话框。因此,我假设问题与材料未完全配置有关。 是否在style.scss文件中设置了材质主题? 如果没有,请尝试在style.scss文件顶部添加以下行:

@导入“~@angular/material/prebuild themes/indigo pink.css”;
如需进一步阅读,请查看此项。

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

假设使用Angular CLI-ng generate组件重新创建组件后,很可能会自动为您添加导入


另外,请确保在添加新导入后停止并保留app ng serve或同等产品。

您在哪里声明对话框组件?在任何模块中,该模块als都需要以某种方式导入MatButtonModule,可以直接导入,也可以通过共享的ModuleTask导入。我只是创建了一个新的组件,使用完全相同的代码,它就可以工作了。哈哈。我不知道为什么它在旧组件上不起作用。。英雄联盟
import { MatButtonModule } from '@angular/material/button';
@NgModule({
  imports: [
    MatButtonModule,
}
  exports: [
    MatButtonModule,
}