I'm facing an issue with my routing module where I have successfully used activatedRoute for multiple other modules but now running into trouble when implementing it in a new singular component.
The structure of my routing module is as follows:
const routes = [
{
path: 'path',
component: myComponent,
resolve: { resolver: myCustomResolver },
children: [
{
path: '',
children: [
{
path: 'users',
loadChildren: 'app/users.module#UsersModule'
},
{
path: 'articles',
loadChildren: 'app/articles.module#ArticlesModule'
}
]
},
// introducing the new component
{ path: 'stories', component: StoriesComponent }
]
}
]
Both the existing modules and the new component are using the same method to access activatedRoute:
export class StoriesComponent implements OnInit {
private routeData;
constructor(private activatedRoute: ActivatedRoute) {}
ngOnInit() {
// the issue arises here, returning '{}'
this.activatedRoute.data.subscribe(data => {
this.routeData = data;
});
}
}
Any guidance on resolving this matter would be highly appreciated.