Question

我在应用中使用了垫子步进器。但是，取决于用户在一个步骤上的操作，后续步骤将有所不同（显示的组件将不同）。在一种情况下，下一步需要显示2页而不是一页。有没有办法将垫子步骤分为两页，或动态添加步骤？

谢谢

Answer 1

您可以创建一个动态的FormGroup数组，您可以根据自己的问题进行更改：

dplyr::mutate

Here is a running stackblitz（基于角形材料示例）。

Answer 2

要在MatStepper中动态添加步骤，您可以这样做

<mat-horizontal-stepper>
<mat-step>
    <input type="text" [(ngModel)]="name" name="nm">
</mat-step>
<mat-step *ngIf="name === 'John'">
      <!---- your code ------->
</mat-step>
<mat-step *ngIf="name === 'Jane'">
      <!---- your code ------->
</mat-step>

要一步显示两个页面，可以使用mat-tab

Angular 2+：将垫子分为2页

2 个答案: