angular material 2 stepper mat-step - вложите в родительский div

В моей форме у меня множество претендентов. Для каждого кандидата я хочу показать «mat-step» (шаговый материал angular 2) и иметь родительский div с formArrayName = «Applicants». Но когда я заключаю «mat-step» в 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>

Я ожидаю, что в приведенном выше коде кандидаты будут отображать количество шагов матов.

мат-шаг не показывает


stepper angular-material reactive-forms
person Sandeep    schedule 11.12.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward

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>
person Arun Amatya    schedule 26.04.2018