You can utilize the Angular Router service and use the BottomNavigation as a navigational component.
To set the functionality, either:
- Use the
selectevent to navigate to the route that the BottomNavigation item represents, or
- Use a
templateto add the routerLink directive to the item link. To expand the link element to fit the whole BottomNavigation item, apply the
k-bottom-nav-linkCSS class to it.
The following example demonstrates how to use a
template to render the
routerLink directive. To expand the link element to fit the whole BottomNavigation item, apply the
k-bottom-nav-link CSS class to it.
You can execute the navigation logic in the
select event handler of the BottomNavigation.