Routing

You can utilize the Angular Router service and use the BreadCrumb as a navigational component.

The Router enables you to load modules which act as root modules for specific paths. Angular Router loads separate modules for separate components and bootstraps the components. This approach is useful when the paths do not share any main components—for example, public vs. admin sections. To use shared components, move the components into a shared module and import it in the separate module.

You can execute the navigation logic in the itemClick event handler of the Breadcrumb.

When you use the itemClick event of the BreadCrumb, the event handler gets the clicked item (route) and passes it to the navigate method of the Router.

Suggested Links

• API Reference of the Breadcrumb Component
• BreadCrumbItem