如何隐藏Material stepper的“ mat-steps”之一而不将其从DOM中删除？

如何解决如何隐藏Material stepper的“ mat-steps”之一而不将其从DOM中删除？

如何从水平垫脚踏步机中隐藏“垫脚踏步”之一？ 普通CSS

display:none

不适用于“垫脚踏板”。

我不想从DOM中删除该元素。

我有一个类似下面的情况

<mat-horizontal-stepper>
    <mat-step></mat-step>
    <mat-step></mat-step> // I just want to hide this step
    <mat-step></mat-step>
    <mat-step></mat-step>
</mat-horizontal-stepper>

解决方法

要达到特定的步骤，请使用:nth-of-type()选择器通过CSS达到该步骤。无需:: ng-deep。您可以将其放在styles.css中的组件css中：

.mat-step-header:nth-of-type(2){ //for example,to remove the second step
  display:none;
}

Demo