usablica / intro.js

Lightweight, user-friendly onboarding tour library
http://introjs.com
Other
22.69k stars 2.59k forks source link

How to implement Intro.js in Angular routing application. #2011

Open PrashantHarde opened 10 months ago

PrashantHarde commented 10 months ago

How we can implement intro.js in angular. Does intro.js support angular routing. If it does not support angular routing then it will create issues showing steps on different pages.

Currently I did not see any example showing how we can implement intro js in Angular versions 2+ (eg. Angular 12).

Also there is no proper documentation for implementing multi page routing. Suppose if user want to show steps in different pages there should be a option to navigate to that page and then show the step.

Angular Framework.

CynanX commented 8 months ago

I don't believe there is any native Angular support.

The way in which I've seen this done currently is to have introJs on your source and destination pages.

You can use onafterchange and check if it's the step you want, route to the new page passing in a parameter to continue my tour and on the destination page if that parameter is set, fire off introJs.

At least that's the basic idea.

stale[bot] commented 4 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.