Unable to use step inside included component in layout.

[ultimateakash]

app component

<app-navbar></app-navbar>
<div class="content-wrapper">
    <router-outlet></router-outlet>
</div>

if we define a step inside navbar component it's not called. firstStep defined in app-navbar.
second step works fine. please help.

const options = {
			steps: [
                                 'firstStep',
                                 'secondStep'
			], 
			stepDefaultPosition: 'top',
			themeColor: '#345632',
			showPrevButton: true,
			logsEnabled: false 
		};
		this.joyrideService.startTour(options).subscribe(
			step => {
				console.log('Next:', step);
			},
			e => {
				console.log('Error', e);
			},
			() => {
				console.log('Tour finished');
			}
		);

[suyesh23]

hey do you find any solution for this @ultimateakash