show each step after that contents completely render
amirmostaghim opened this issue · comments
I have multi steps in different route and after navigate to one route, because of that the content of 'tourAchor' directive not completely render on that route, its step not showing properly on the page
On your router event changes register the tourAnchors as per the page requirement.
Then start the tour service from the tourAnchor of that page on initialisation.
But, you have set timeout and wait until your all html page elements rendered. Then ngx-tour will create the steps for you. It will take maximum 1s i believe so keep 1000 ms for timeout (test and keep timeout as per your need)
I also came across this issue - @NMSaiyed could you elaborate on what you meant by start the tour service from the tourAnchor of that page on initialisation? Should I pass the tour service from app.component.ts to my child component, so I can call pause() and start() there?
How do we wait between the steps if the HTML elements are taking time to render and there is route change involved?