如何在mat-stepper上只显示索引？

Question

现在，如果步骤为completed，则mat-stepper会显示edit或done材质图标。有没有办法不显示图标，而只显示索引？

Answer 1

有一个你可以使用的技巧，添加stepControl将会变得神奇。不确定这是否是正确的解决方案，但它对我有效。

尝尝这个,

.component.html

<mat-step [stepControl]="doneFormGroup">
    <ng-template matStepLabel>Done</ng-template>
    <p>You are now done.</p>
    <div>
      <button mat-button matStepperPrevious>Back</button>
      <button mat-button (click)="stepper.reset()">Reset</button>
    </div>
</mat-step>

.component.ts

export class StepperVerticalExample implements OnInit {
  firstFormGroup: FormGroup;
  secondFormGroup: FormGroup;
  doneFormGroup: FormGroup;

  constructor(private _formBuilder: FormBuilder) {}

  ngOnInit() {
    this.firstFormGroup = this._formBuilder.group({
      firstCtrl: ['', Validators.required]
    });
    this.secondFormGroup = this._formBuilder.group({
      secondCtrl: ['', Validators.required]
    });
    this.doneFormGroup = this._formBuilder.group({
      doneControl: ['',Validators.required]
    })
  }
}

希望这能有所帮助！！..编码快乐！！