@for (navItem of navItems(); track navItem) {
@switch (navItem.type) {
@case ('heading') {
{{ navItem.name }}
}
@case ('divider') {
}
@case ('group') {
@if (navItem.icon) {
{{ navItem.icon }}
}
{{ navItem.name }}
@if (navItem.badge) {
{{ navItem.badge }}
}
arrow_drop_down
@for (childItem of navItem.children | orderBy:'name'; track childItem) {
@if (childItem.type === 'link') {
{{ childItem.name }}
@if (childItem.badge) {
{{ childItem.badge }}
}
} @else {
{{ childItem.name }}
@if (childItem.badge) {
{{ childItem.badge }}
}
}
}
}
@default {
@if (navItem.type === 'link') {
@if (navItem.icon) {
{{ navItem.icon }}
}
{{ navItem.name }}
@if (navItem.badge) {
{{ navItem.badge }}
}
} @else {
@if (navItem.icon) {
{{ navItem.icon }}
}
{{ navItem.name }}
@if (navItem.badge) {
{{ navItem.badge }}
}
}
}
}
}