ng8-breadcrumb is an Angular 8 module generating breadcrumbs based on the routing state.
npm install ng8-breadcrumbng8-breadcrumb` is available on NPM
`bash
$ npm install ng8-breadcrumb --save
`
Setup & Usage
Once the module has been installed, you need to include Ng8BreadcrumbModule into your root module:
`ts
import {Ng8BreadcrumbModule} from 'ng8-breadcrumb';
...
@NgModule({
imports: [
...
Ng8BreadcrumbModule.forRoot({
prefix: 'Home' // default 'false'
}),
...
],
...
})
export class AppModule {}
`
& Anywhere template component :
`
`
Use in the service :
`
constructor(private _breadcrumb: BreadcrumbService) {
_breadcrumb.store('id', 'iPhone x');
}
`
And finally route configuration:
`
{
path: '...',
...
data: { breadcrumb: 'YOUR TEXT' },
...
}
``