我有一个用于注册用户的角度应用程序,我需要为整个应用程序实现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。我需要,以显示完成的步骤,并在步进器中进行编辑。