角材料主题已部分加载

Question

我在使用Material Theme加载某些功能时遇到问题。

我似乎找不到问题的根源，并且已经使用CLI命令更新项目从Material.angular.io中多次阅读了“入门”。

html：

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

styles.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";

angular.json：

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

我正在使用Angular 8，所有与之相关的软件包都是8+版本。

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

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