Wizard step lazy loading

Hi, is there a way to lazy load components inside a wizard-step?

For example, I have 2 wizard-step each one with a custom component inside. The first time that the wizard shows in the screen, those 2 components call the ngOnInit() function. Instead I need the second component to initialize just when the user reaches the second step.

Meanwhile I’m hadling this by using a *ngIf in every component with an index that stores the current step, but I believe this is a feature that must come with the wizard itself, isn’t it?

[Sameer235711]

This approach worked well for me

1. Used *ngIf on the content inside of each step instead of the step itself.
2. Gave each step an ID and used it in the *ngIf statements

Example:

<aw-wizard #wizard>
    <aw-wizard-step stepId="<step-id-1>" stepTitle="<step-title-1>">
        <component-1 *ngIf="wizard.currentStep?.stepId === '<step-id-1>'">
        </component-1>
    </aw-wizard-step>

    <aw-wizard-step stepId="<step-id-2>" stepTitle="<step-title-2>">
        <component-2 *ngIf="wizard.currentStep?.stepId === '<step-id-2>'">
        </component-2>
    </aw-wizard-step>
</aw-wizard>

[leonardomaier]

Same problem here, it would be nice to have this feature.