coreui-angular-ex/projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav.component.html

CoreUI Components Library for Angular

<ng-container *ngFor="let item of navItemsArray">
  <ng-container [ngSwitch]="helper.itemType(item)">
    <c-sidebar-nav-group
      #rla="routerLinkActive"
      *ngSwitchCase="'group'"
      [dropdownMode]="dropdownMode"
      [item]="item"
      [ngClass]="item | cSidebarNavItemClass"
      [routerLinkActiveOptions]="{exact: true}"
      routerLinkActive="show"
    >
    </c-sidebar-nav-group>
    <c-sidebar-nav-divider
      *ngSwitchCase="'divider'"
      [cHtmlAttr]="item.attributes ?? {}"
      [item]="item"
      [ngClass]="item | cSidebarNavItemClass">
    </c-sidebar-nav-divider>
    <c-sidebar-nav-title
      *ngSwitchCase="'title'"
      [cHtmlAttr]="item.attributes ?? {}"
      [item]="item"
      [ngClass]="item | cSidebarNavItemClass">
    </c-sidebar-nav-title>
    <c-sidebar-nav-label
      *ngSwitchCase="'label'"
      [item]="item"
      [ngClass]="item | cSidebarNavItemClass">
    </c-sidebar-nav-label>
    <ng-container
      *ngSwitchCase="'empty'">
    </ng-container>
    <c-sidebar-nav-link
      (linkClick)="hideMobile()"
      *ngSwitchDefault
      [item]="item"
      [ngClass]="item | cSidebarNavItemClass"
    >
    </c-sidebar-nav-link>
  </ng-container>
</ng-container>
<ng-content></ng-content>