javascript - 如何始终显示阶跃值以及描述 Angular Material 中阶跃值的自定义文本？

如何始终显示阶跃值以及描述角材中阶跃值的自定义文本？
我要在顶部显示数字，在底部显示文本。

最佳答案

mat-horizontal-stepper具有将文本/标签置于底部的属性。您可以使用标签来描述步进值。步进值显示在顶部，标签显示在底部。

您只需要添加`labelPosition =“ bottom”：

<mat-horizontal-stepper labelPosition="bottom" #stepper>
  <mat-step>
    ...
    <div>
      <button mat-button matStepperPrevious>Back</button>
      <button mat-button matStepperNext>Next</button>
    </div>
  </mat-step>
</mat-horizontal-stepper>

更多内容：https://material.angular.io/components/stepper/overview

这是Angular Material的示例：

Label position - Angular Material Stepper