Angular Material 踩坑指南1

看文章以前请注意时间：2020年11月2日14:55:12

官方出的Material看上去还算好看，版本更新也比较及时（英文版还算新，中文版还只有7.x版本），就像学着用用。

还有，官网的教程做的真的是不敢多想，要是好用就有鬼了。

1.首先，所有的组件在使用的一定要先导入，不然，正常情况要报错

比如：需要一个搜索的图标

<mat-icon>search</mat-icon>

需要先在app.module.ts中引入，注意注释1处

import { MatIconModule } from '@angular/material/icon';

imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    MatToolbarModule,
    MatMenuModule,
    MatIconModule    //1
  ],

这样才能在html中正确显示图标，不然就会报错。

而相对于按钮的样式，虽然不引入button 的组件不会报错，但是会显示原生的按钮的样式，这对新手来讲就有点难以理解

我当时就一直想不开，明明照抄官网的代码，为什么就不显示示例的按钮的样式呀！！！！