ngx-dynamic-breadcrumbs

Angular lightweight breadcrumbs

Usage no npm install needed!

<script type="module">
  import ngxDynamicBreadcrumbs from 'https://cdn.skypack.dev/ngx-dynamic-breadcrumbs';
</script>

README

ngx-dynamic-breadcrumbs

Angular lightweight breadcrumbs

img.png

Install

Run npm i ngx-dynamic-breadcrumbs to install.

Usage

  1. Import BreadcrumbsModule into your root module.

img_1.png

  1. Create a resolver, inject BreadcrumbsService. If you need some data from back-end, fetch it, and using rxjs tap operator, set breadcrumbs array. If you want to hide breadcrumbs for specific routes, use clear() method of BreadcrumbsService.

img_3.png

  1. Add the resolver to route

img_2.png

Customization

It is possible to customize a divider: img_4.png

License

MIT