官方文档

Stepper

图标更改

1
2
3
4
5
6
7
8
9
10
<mat-step label="Step 1" state="phone">
	<p>Put down your phones.</p>
	<div>
	  <button mat-button matStepperNext>Next</button>
	</div>
</mat-step>

<ng-template matStepperIcon="phone">
	<mat-icon>call_end</mat-icon>
</ng-template>
1
2
3
4
5
6
7
8
@NgModule({
  providers: [
    {
      provide: STEPPER_GLOBAL_OPTIONS,
      useValue: { displayDefaultIndicatorType: false }
    }
  ]
})

++ Material Icons
++ 资源参考