How to access route 'data' on route-change, in Angular 2

Question

My route is declared like this:

const routes: Routes = [
    {
        path: 'somepath',
        component: SomeComponent,
        canActivate: [LoginGuard],
        data: {
            showSidebar: true
        }
    }
];

Then, later on, in my NgModule imports, i load the route like this:

imports: [
    RouterModule.forChild(routes),
    ...
]

I'm wondering how I can access the data.showSidebar flag on route-change?

Thanks.

score -1 · Answer 1 · edited May 23 '17 at 12:17

-1

constructor(route:ActivatedRoute) {
  route.data.forEach(data => console.log(data.showSidebar));
}

See also Changing the page title using the Angular 2 new router

edited May 23 '17 at 12:17

Community

1
1

answered Nov 29 '16 at 18:13

Günter Zöchbauer

623,577
216
2,003
1,567

Unfortunately, doesn't seem to work. `showSidebar` does not exist on the `data` object, as defined this way. – irfanka Nov 29 '16 at 18:34
Nope, I need it in the main `AppComponent`. – irfanka Nov 29 '16 at 18:51
You can try `route.firstChild.data...` – Günter Zöchbauer Nov 29 '16 at 18:51
That seemed a bit 'hacky'. I ended up creating a service through which I detect whether the sidebar should be visible. Thanks, anyways. – irfanka Nov 29 '16 at 19:11

How to access route 'data' on route-change, in Angular 2

1 Answers1