Angular 8 route params in route data

Question

I have the following route:

{
path: 'introducer/:introducerId/branches/create',
component: IntroducerBranchesCreateComponent,
data: {
  pageTitle: 'Add branch',
  breadcrumbs: [
    { title: 'Branches', link: '/introducer/' + :introducerId + '/branches' },
    { title: 'Add', link: '' },
  ],
},
},

In the breadcrumbs array I would like to populate the link property using the route param :introducerId but have been unable to do so. Is there a way to do this?

Daniel Twigg · Accepted Answer · 2019-09-11 09:42:14Z

2

I am not 100% sure if this would work but you could try something

{
    path: 'introducer/:introducerId/branches/create',
    component: IntroducerBranchesCreateComponent,
    data: {
        pageTitle: 'Add branch',
        breadcrumbs: () => {
            const id = this.getIntroducerId();

            return [
                { title: 'Branches', link: `/introducer/${id}/branches` },
                { title: 'Add', link: '' },
            ]
        }
    },
}

And then add the method getIntroducerId to your component, and make your usage of data.breadcrumbs call it as a function instead of just using the object property.

answered Sep 11, 2019 at 9:42

Daniel Twigg

7594 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 8 route params in route data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related