角材料步进器和单独的步进组件

Question

我想将我的步骤与步进器分开，因为我不知道每页有多少步（可以更改）。

页面：

<test-stepper>
  <test-step></test-step>
  <test-step></test-step>
</test-stepper>

步进：

<mat-horizontal-stepper>
  <ng-content select="test-step"></ng-content>
</mat-horizontal-stepper>

步骤：

<mat-step>
  <ng-template matStepLabel>Label</ng-template>

  <div>
    <button mat-button matStepperNext>Next</button>
  </div>

</mat-step>

我这样做了，但是没有显示任何步骤。我在测试步骤中添加了mat-stepper提供程序。我看到了cdk-step，但是我想使用实质性的步进样式。

感谢所有：D