不选择所有步骤的角材料分步器

问题描述 投票:0回答:1

在初始渲染时在Mat-stepper中,我不希望选择第一步。我希望所有步骤都未选中(未填写)。

angular angular-material material-design material
1个回答
0
投票

我检查了角度文档,找不到与如何实现此目的相关的任何信息。我唯一想到的是可以修改以选择/取消选择步骤,即当前步骤的索引。我建议的解决方案是将MatStepper ViewChild的选定索引属性设置为-1。

  @ViewChild('stepper') stepper: MatStepper;

  ngOnInit() {
    this.stepper.selectedIndex = -1;
  }

之所以有效,是因为在实施垫式踏步机时,所有步骤都根据与步骤数组的索引相匹配的selcectedIndex进行预测,并且我们知道它从0开始:

"selectedIndex === i"

Reference

示例:https://stackblitz.com/edit/angular-mat-stepper-program-n7beys

© www.soinside.com 2019 - 2024. All rights reserved.