Dynamically add an item into breadcrumb

[curiousThinker]

Currently the breadcrumb is generated based on route.
If my modules are on the same hierachy, is it possible to display them together in the breadcrumb ?
E.g.
{
path: "",
loadChildren: () => import('@modules/home/home.module').then(mod => mod.HomeModule),
data:{ breadcrumb:'home'}
},
{
path: "family",
loadChildren: () => import('@modules/family/family.module').then(mod => mod.FamilyModule),
data:{ breadcrumb:'family'}
},
{
path: "friend",
loadChildren: () => import('@modules/friend/friend.module').then(mod => mod.FriendModule),
data:{ breadcrumb:'friend'}
},

For components within familyModule, the breadcrumb will be:
family / familyComponent.

But is it possible to make the breadcrumb to be something like this ?
home / family / familyComponent

On the other hand, this need to be configurable as my friendComponent breadcrumb would like to remain as:
friend / friendComponent

[github-actions]

Hello 👋 @curiousThinker
Thank you for raising an issue. We will investigate into the issue and get back to you as soon as possible. Please make sure you have given us as much context as possible.
Feel free to raise a PR if you can fix the issue. Check the local development guide

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[udayvunnam]

not stale

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.