如何始终显示阶跃值以及描述角材料中阶跃值的自定义文本？

Question

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

Answer 1

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