带多个模块的角形步进器

时间:2019-07-17 19:45:02

标签: angular

我有一个用于注册用户的角度应用程序,我需要为整个应用程序实现stepper。

Stepper通用代码为

<mat-horizontal-stepper labelPosition="bottom" #stepper>
    <mat-step [stepControl]="firstFormGroup">
        <form [formGroup]="firstFormGroup">
           .....................
            <div>
                <button mat-button matStepperNext>Next</button>
            </div>
        </form>
    </mat-step>
    <mat-step [stepControl]="secondFormGroup" >
        <form [formGroup]="secondFormGroup">
     ..........................................................
            <div>
                <button mat-button matStepperPrevious>Back</button>
                <button mat-button matStepperNext>Next</button>
            </div>
        </form>
    </mat-step>

</mat-horizontal-stepper>

要实现与我的应用程序相同的效果:-

我在共享模块中为stepper创建了一个组件,并考虑在所有组件中使用它,例如我们使用页眉或页脚。因为步进器将在几乎所有组件上使用

但是在步进代码中,我停留在

...........
<mat-step [stepControl]= "formComponentModule1">
</mat-step>

<mat-step [stepControl]="formComponentModule2">
</mat-step>
...........

我不知道如何从不同的模块访问formComponents。我需要,以显示完成的步骤,并在步进器中进行编辑。

0 个答案:

没有答案