角材料步进器删除图标

Question

如何使用角形材料删除垫子步骤图标中的图标。

我在下面尝试过

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

这适用于编辑和完成状态。还要更改默认状态。不知道叫什么名字。

有人可以帮忙吗？

谢谢

Answer 1

如果您要删除物料步进器上的所有图标，一种解决方法是转到 if (Folders.FindByNatureName(_RootFolderName, _RootFolderNature) == null) { Folders.Add(new Folder() { Name = _RootFolderName, Nature = _RootFolderNature}); } 文件并添加以下内容：

styles.css

这应该可以解决问题

Answer 2

这是来自GitHub issue

的简单解决方法

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

Answer 3

您可以使用以下模板从默认状态中删除图标：

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

Answer 4

您可以在 angular 项目的 css 文件中使用此样式。

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