Question

在我的表格中，我有一系列申请人。对于每个申请人，我想展示一个＆＃34; mat-step＆＃34; （有角度的材料2步进）并有一个父div与formArrayName =＆＃34;申请人＆＃34;。但当我附上＆＃34; mat-step＆＃34;使用div或ng-container，它不会显示步骤。

<mat-step label="Step 1">
</mat-step>
<ng-container formArrayName="applicants">
    <mat-step *ngFor="let applicant of applicants.controls; let i=index">
    </mat-step>
</ng-container>

我希望上面的代码能够显示申请人的mat-step次数。

mat-step没有显示

Answer 1

mat-step应由mat-horizontal-stepper或mat-vertical-stepper

括起来

例如

<mat-horizontal-stepper #stepper="matHorizontalStepper">
    <mat-step [stepControl]="firstStep">
        <form [formGroup]="firstStepFormGroup">
        .............
        </form>
    </mat-step>
    <mat-step [stepControl]="secondStep">
        <form [formGroup]="secondStepFormGroup">
        .............
        </form>
    </mat-step>
</mat-horizontal-step>

角材料2步进垫步骤 - 包含在父div中

1 个答案: