Angular material 是否有选项更改material-2步进机中已完成步骤的图标

当前，已完成步骤的图标为“创建”。如何将其更改为其他材质图标行，如“完成”

<mat-vertical-stepper>
    <mat-step label="Agreement Preparation">
        <p>Agreement preparion is intiated by our side </p>
    </mat-step>
    <mat-step label="Ready for Biometric">
        <p>Agreement preparion is intiated by our side </p>

    </mat-step>
    <mat-step label="Document in Submission">
        <p>Agreement preparion is intiated by our side </p>

    </mat-step>
</mat-vertical-stepper>

协议准备工作由我方发起

协议准备工作由我方发起

协议准备工作由我方发起

MatStep具有可编辑属性，可阻止步骤并将勾号图标“完成”设置为步骤标题。完成步骤后，运行此行：

this.stepper.selected.editable = false;

---

我不知道如何将表单解锁后的步骤设置为完成，但是指示步骤已完成并锁定它是有意义的。您可以使用editable=true、.next（）或.previous（）函数再次将其解锁。

当前版本的材质库支持此功能。（5.2.3+）

只需包含一个定义自定义图标的

ng模板

，并指示要替换的原始图标（“编辑”或“完成”）。格式如下所示：

<ng-template matStepperIcon="edit">
  <mat-icon>face</mat-icon>
</ng-template>

---

是一个StackBlitz的例子，展示了这一点

你有没有找到实现这一目标的方法？如果有，请在这里分享。谢谢还没有…我想github上有一个功能要求。可能在下一版本中提供。请参阅

<mat-vertical-stepper>
    <ng-template matStepperIcon="edit">
      <mat-icon>done</mat-icon>
    </ng-template>

    <mat-step label="Agreement Preparation">
        <p>Agreement prepariaton is initiated by our side </p>
    </mat-step>
    <mat-step label="Ready for Biometrics">
        <p>Agreement preparation is initiated by our side </p>
    </mat-step>
    <mat-step label="Document in Submission">
        <p>Agreement preparion is intiated by our side </p>    
    </mat-step>
</mat-vertical-stepper>