angular - Angular Material Theme 被部分加载

Question

我在加载 Material Theme 的一些功能时遇到问题。

我似乎无法找到问题的根源，我已经多次阅读 material.angular.io 中的“入门”，使用 CLI 命令更新我的项目。

html:

  <button mat-raised-button color="primary" buttonType="submit"
    [disabled]="inquiryForm.invalid || inquiryForm.pristine">
    <mat-icon>library_add</mat-icon> Inquiry
  </button>

样式.scss：

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

@import "~material-design-icons/iconfont/material-icons.css";
@import "~roboto-fontface/css/roboto/roboto-fontface.css";

角.json：

"styles": [
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "src/styles.scss"
            ]

我使用的是 Angular 8，所有相关的包都是 8+ 版本。

如图所示，按钮似乎无法识别“原色”，但 MatInputs 可以。我错过了什么？

标签： angularangular-material

Answer 1

打开您的app.module.ts（或您的自定义材料模块，如果您创建了一个）并添加以下行：

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

@NgModule({
  imports: [ // or 'exports:' in case of custom Material module
    // ...
    MatButtonModule,
  ],
  // ...
})
export class AppModule {}