Check out the Angular 2 Wizard on GitHub
View the demo of the Angular 2 Wizard here (DEMO)
Currently, I am using a simple wizard in my application and trying to understand how I can navigate back and forth smoothly. I want to be able to go back to previous steps by either utilizing the browser's navigation buttons or clicking with my mouse.
In the provided demo, reaching step 2 only allows me to go back to step 1 by clicking the "previous" button. However, I want the flexibility to click "back" with my mouse and return to step 1 directly instead of navigating to a previous page.
Despite attempting to work with history.pushState(), I have not been successful in achieving the desired functionality of going back to step 1 as needed.
As I am relatively new to Angular 2 and dealing with a parent component containing numerous child components on one page, incorporating hashes does not seem to be a viable solution for this scenario.
I would greatly appreciate any guidance or suggestions on where to look next in order to resolve this issue effectively.
Thank you in advance for your assistance.