Степпер углового материала удаляет значки

если вы хотите удалить все значки на вашем степпере, одно из решений — перейти к вашему файлу styles.css и добавить следующее:

.mat-step-header .mat-step-icon {
    display: none !important;
}

Это должно помочь

Вот простой обходной путь от GitHub проблема

@ViewChild(MatHorizontalStepper) stepper: MatHorizontalStepper;
ngAfterViewInit() {
    this.stepper._getIndicatorType = () => 'number';
}

Вы можете использовать следующий шаблон для удаления значков из состояния по умолчанию:

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

Вы можете использовать этот стиль в своем файле css вашего углового проекта.

.yourParentDivCssClass ::ng-deep .mat-step-header .mat-step-icon {
  display: none !important;
}

Из документы возможные значения для matStepperIcon:

number | edit | done | error

Таким образом, для состояния по умолчанию вы захотите использовать number, поскольку у вас есть edit и done.

Вы должны закончить с этим:

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