My issue is that I get two breadcrumbs being displayed, one with a link to the root and another which is always plain text. This image should illustrate this issue better:
I then place <mc-breadcrumbs></mc-breadcrumbs>
within the ProductGroupComponent and in the ProductCategoryComponent because it should only be appearing on those two templates.
My issue is that I get two breadcrumbs being displayed, one with a link to the root and another which is always plain text. This image should illustrate this issue better:
Routes.ts
{ path: 'products', data: { text: 'Products', nav: true, breadcrumbs: true }, children: [ { path: '', component: ProductDirectoryComponent, }, { path: ':group', component: ProductGroupComponent, data: { breadcrumbs: true }, }, { path: ':group/:category', component: ProductCategoryComponent, data: { breadcrumbs: true }, }, ] },I then place
<mc-breadcrumbs></mc-breadcrumbs>within the ProductGroupComponent and in the ProductCategoryComponent because it should only be appearing on those two templates.Not sure if I have implemented something wrong?