角材料步进器删除图标

Question

如何使用角材料删除 mat-step-icon 中的图标。

我在下面试过：

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

这适用于编辑和完成状态。也想更改默认状态。不知道该取什么名字。

有人可以帮忙吗？

谢谢

Answer 1

这是来自 GitHub问题的简单解决方法

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

Answer 2

在 Angular Material v.14.1.3 上，您可以completed="false"在<mat-step completed="false"></mat-step>. 步骤图标将保留所选步骤的编号索引。

Answer 3

如果您想删除材质步进器上的所有图标，一种解决方案是转到您的styles.css文件并添加以下内容：

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

这应该可以解决问题