coreui-angular-ex-dev
Version:
CoreUI Components Library for Angular
30 lines (28 loc) • 1.05 kB
HTML
<a (click)="toggleGroup($event)"
[cHtmlAttr]="item.attributes"
class="nav-link nav-group-toggle"
href>
<ng-container *ngTemplateOutlet="iconTemplate ; context: {$implicit: item}" />
<ng-container>{{ item.name }}</ng-container>
<span *ngIf="helper.hasBadge(item)" [ngClass]="item | cSidebarNavBadge">{{ item.badge.text }}</span>
</a>
<c-sidebar-nav
(@openClose.done)="onAnimationDone($event)"
(@openClose.start)="onAnimationStart($event)"
[@openClose]="open ? 'open' : 'closed'"
[dropdownMode]="dropdownMode"
[groupItems]="true"
[navItems]="navItems"
[ngStyle]="display"
/>
<ng-template #iconTemplate let-item>
<i *ngIf="item?.icon" [ngClass]="item | cSidebarNavIcon"></i>
<ng-template [ngIf]="item?.iconComponent">
<svg
[cIcon]="item.iconComponent?.content"
[customClasses]="item | cSidebarNavIcon"
[name]="item.iconComponent?.name"
/>
</ng-template>
<span *ngIf="!item?.icon && !item?.iconComponent" [ngClass]="item | cSidebarNavIcon"></span>
</ng-template>