添加material ui库

ng add @angular/material

  自定义预构建主题

? Choose a prebuilt theme name, or "custom" for a custom theme: Custom
? Set up global Angular Material typography styles? Yes
? Set up browser animations for Angular Material? Yes

  创建mat.module

ng g module mat

  写个例子

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatButtonModule } from '@angular/material/button';


@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    MatButtonModule 
  ],
  exports:[
    MatButtonModule
  ]
})
export class MatModule { }

   然后只需要在用到这个组件的module导入

import { MatModule } from 'src/app/mat/mat.module';
  imports: [
    MatModule,
  ],

   即可使用,如

<button mat-button>按钮</button>
原文地址:https://www.cnblogs.com/wskxy/p/14236840.html