Accessing child elements

[dolanmiu]

It is not possible to add joyRide in child or nested components.

For example, if I have a page, Joyride works fine, but it cannot see the child components. E.g. The Nav Bar

Similar Ticket

https://github.com/tnicola/ngx-joyride/issues/61

[CodeMagic]

If you need a joyride step added to a component template you've written, it can be done. I don't know if it's strictly best practice, but here you go: https://stackblitz.com/edit/angular-ivy-hwqnb7?file=src/app/app.component.html

I got this working with three main parts:

• an anchor directive you place in your component template, which grabs a ViewContainerRef of the element you place it on
• a ViewChildren query list to expose those anchors
• a directive you place on a component from the page, which collects all the necessary info, then creates a new JoyrideDirective from TypeScript.

If you need a joyride step added to a 3rd party component template... I got nothing.