Javascript 角度材质步进器下一步显示创建而不是1

我在步进机上工作，我想禁用下一步，直到所有填充的都被填充，所以我在中使线性变为真 html文件

<mat-horizontal-stepper [linear]="true" #stepper>
        <mat-step [stepControl]="firstFormGroup">
          <form [formGroup]="firstFormGroup">

它工作得很好，但每当我进入下一步，“1”就变成“cre” 在检查时，我得到了

---

我没有用户在我的代码中的任何地方创建它来自mat图标

您可以在

mat步骤

上设置

[completed]=“false”

，您将只有数字而不是图标

---

或者用钢笔图标替换单词

“create”

，您需要添加google material字体图标链接：

---

可能您使用了另一种字体系列而不是默认字体。 您可以通过在使用步进器的页面中修复字体系列的“材质图标”来解决此问题

:host /deep/ .material-icons {
  font-family: 'Material Icons' !important;
}

在mat水平步进机中添加#步进机

<mat-horizontal-stepper [linear]="true" #stepper>
....
</mat-horizontal-stepper>

最后，在afterViewInit中执行此操作

ngAfterViewInit() {
  this.stepper._getIndicatorType = () => 'number';
}

---

尝试在垫子步骤上设置[completed]=“false”以仅获取数字。只需查看整个垫子步进器垫子步骤，并将其固定。它可能与错误的封闭标签有关。@ShivGaurav您的welcome shiv.material应该添加一个属性来显示数字，而不仅仅是图标。[completed]=“false”不允许导航到下一步：（使用[completed]=“false”是不正确的。从角度文档：“将已完成的属性传递给每个步骤，将不允许用户继续，直到它变为真。”google material字体图标链接适合我，thanksIt应该是

@ViewChild（'stepper'）stepper:MatHorizontalStepper；

，它就像一个符咒。从另一篇文章（）：我这样做了（更多类型完成）：

this.stepper.\u getIndicatorType=（）：string=>STEP\u STATE.NUMBER；

ngAfterViewInit() {
  this.stepper._getIndicatorType = () => 'number';
}