Как отобразить значки по умолчанию вместо значка «Готово» в angular mat-stepper

Question

Я использую angular 8.2.4 и горизонтальный коврик-степпер. Я настраивал значки на каждом шаге, и мне не нужно показывать значок «галочка» (который соответствует состоянию «выполнено») при каждом посещении каждого шага. Вот как это выглядит сейчас.

`<mat-horizontal-stepper #stepper [linear]="true" class="register-stepper">
          <!--<ng-template matStepperIcon="done">
            <mat-icon>done</mat-icon>
          </ng-template>-->
         <ng-template matStepperIcon="user">
                  <mat-icon>account_circle</mat-icon>
         </ng-template>
         <mat-step [completed]="true" state="user">
                  <ng-template class="form-control" matStepLabel>Basic</ng-template>
                  <h4 class="cgg-component-heading">Basic Information</h4>                  
                </mat-step>
        </mat-horizontal-stepper>`

Я уже удалил the matStepperIcon="done".

Как можно избежать отображения значка этого готового состояния и сохранить значок по умолчанию, как есть не показывая значок «галочка»?

Answer 1

Добавить пустое состояние редактирования. Это переопределит поведение по умолчанию

Попробуйте это:

<ng-template matStepperIcon="edit">
</ng-template>