How to access static data added for particular route in angular 2/4 in service?

Question

const routes: Routes = [
    {
        path: 'somepath',
        component: SomeComponent,
        data: {
            showSidebar: true,
            title: 'test'
        }
    },
    {
        path: 'somepath2',
        component: SomeComponent2,
        data: {
            showSidebar: false,
            title: 'test2'
        }
    }
];

How can I access data object from currently activates route? If my current route is localhost:4200/app/somepath2 then I want to access data: { showSidebar: false, title: 'test2' }

I have almost the same question. But I need to get `data` for ALL such routes of the components in my menu. I cannot find the corresponding info anywhere. — Alexander, Jun 18 '23 at 02:02

Sajeetharan · Answer 1 · 2019-03-03T05:36:22.697

3

You could use this.route.snapshot.data

Inject router in the constructor

import { ActivatedRoute } from '@angular/router';

constructor(private route:ActivatedRoute)

ngOnInit() {
    const myData = this.route.snapshot.data;
}

edited Mar 03 '19 at 05:36

answered Sep 21 '17 at 19:45

Sajeetharan

216,225
63
350
396

What is `this.route` and how do I inject it? Any documentation links? – Rash Mar 03 '19 at 05:33
`snapshot.data` is giving me back an empty object `{}` – Rash Mar 03 '19 at 06:03
https://stackoverflow.com/questions/43512695/how-to-get-route-data-into-app-component-in-angular-2/43513784 – Sajeetharan Mar 03 '19 at 06:05
I am not the OP, sorry. – Rash Mar 03 '19 at 06:45
Haha ok now I seee – Sajeetharan Mar 03 '19 at 06:46

How to access static data added for particular route in angular 2/4 in service?

1 Answers1

Linked