Breadcrumb Links Not Working

[thehaseebahmed]

🐞 Bug report

Description

Breadcrumbs are showing up but the URL is not clickable and in one of my local projects it is clickable but there is no href for the a tag. I tried looking at the code but couldn't find what could be the reason. Please take a look at the attached example and let me know if I'm doing something wrong in the setup.

🔬 Minimal Reproduction

StackBlitz code here.

[github-actions[bot]]

Hello 👋 @thehaseebahmed
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

[udayvunnam]

@thehaseebahmed

The issue is in route definition where everything is defined flat

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'home', component: HomeComponent },
  { path: 'contact', component: ContactComponent },
  { path: 'products', component: ProductsComponent },
  { path: 'product/:id', component: ProductComponent },
  { path: 'users', component: UsersComponent },
  { path: 'user/:id/:name', component: UserComponent },
];

Please try as shown in https://udayvunnam.github.io/xng-breadcrumb/#/where-to-define-breadcrumbs?id=with-component-and-its-children, add children.

We could support multilevel path but that would need some enhancement

[stale[bot]]

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[bot]]

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.