I am trying to load components and steps dynamically on each step in Angular material stepper but I am only able to do on the first step only my requirement is like if one component has 3 steps then it should load three steps dynamically with three different component and each step one component should load once we go to next step then second component should load.
How can I to load dynamic component on each step if we click next button? What I have done till now:
1) On each navigation button click, I am passing query parameter and according to query params value I am loading Components and depends upon the component requirement I am loading steps dynamically it is working perfectly even I am able to load dynamic component on the first step
2) I am not able to load components on each step
3) SharedWizard Component is my stepper component and all dynamic component load method and in landing component, I have a navigation button.
4) In the shared wizard, I am using the JSON object for component and steps
5) createComponent() is my function for loading component dynamically
Find below my code the link:
