Home link not displaying as default in front of breadcrumbs

[vcarrin1]

Hi,

I implemented the breadcrumbs in my application, everything is working as expected except I cannot get the Home link to display as default in front of each set of breadcrumbs.

Expected Result
Home / Physical Objects / Details

Actual Result
Physical Objects / Details

Router Config looks like this.

Home Route

export const HOME_ROUTE: Route = {
path: '',
component: HomeComponent,
data: {
pageTitle: 'dx Portal',
breadcrumbs: 'Home'
},
};

Physical Objects Route

export const physicalObjectRoute: Routes = [
{
path: 'physical-object',
data: {
pageTitle: 'Physical Objects',
breadcrumbs: 'Physical Objects'
},
children: [
{
path: '',
component: PhysicalObjectComponent,
},
{
path: ':id',
component: PhysicalObjectDetailComponent,
data: {
pageTitle: 'Physical Objects',
breadcrumbs: 'Details'
},
}
]
}
];

RouterModule.forChild(physicalObjectRoute)

app.routing.module

const LAYOUT_ROUTES = [
HOME_ROUTE,
];

@NgModule({
imports: [
RouterModule.forRoot(LAYOUT_ROUTES, { useHash: true })
],
exports: [
RouterModule
]
})
export class DxPortalAppRoutingModule {}

[pwarelis]

The process is described in the last section of the documentation.
Look under API / postProcess