The content component is used for displaying router outlet, page title, page description and breadcrumbs.
Page title, page description and breadcrumbs can be configured in app routing module via the data property of routes.
Page title use title property, page description use description property and breadcrumbs use breadcrumbs property or title property if breadcrumbs is not defined.
const routes: Routes = [{
path: '',
data: {
title: 'Home'
}, children: [{
path: '',
component: HomeComponent
}, {
path: 'page',
loadChildren: 'app/+page/page.module#PageModule',
data: {
title: 'Accordion',
}
}, {
path: 'posts',
data: {
title: 'Posts',
description: 'All the posts',
breadcrumbs: 'Posts'
},
children: [{
path: '',
loadChildren: 'app/posts/posts.module#PostsModule',
}, {
path: ':id',
loadChildren: 'app/post/post.module#PostModule',
data: {
title: 'Post :id',
description: 'Post N°:id description',
breadcrumbs: 'Post :id'
}
}]
}
}]