angular - 单独的 mat-h​​orizo​​ntal-stepper 标签和内容

Question

我希望步进标签显示在工具栏中，但内容显示在另一个 div 中。

就像是：

<div>
 <mat-horizontal-stepper md-stretch-steppers="always">
  <mat-step>
   <ng-template matStepLabel>Head 1</ng-template>
  </mat-step>
  <mat-step>
   <ng-template matStepLabel>Head 1</ng-template>
  </mat-step>
 </mat-horizontal-stepper>
</div>

<div>
 <any-components></any-components>
</div>

<div id="contents">
  [contents goes here]
</div>

我可以将步进标签与内容分开吗？