show each step after that contents completely render

[amirmostaghim]

show each step after that contents completely render

[NMSaiyed]

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)

[jyz16]

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?

[tarangkhandelwal]

How do we wait between the steps if the HTML elements are taking time to render and there is route change involved?