26 lines
820 B
HTML
26 lines
820 B
HTML
<div class="menu-container" [class.open]="isMenuOpen">
|
|
|
|
<!-- Der Trigger-Button bleibt Teil der Komponente -->
|
|
<app-button (click)="isMenuOpen = !isMenuOpen">
|
|
Menü öffnen
|
|
</app-button>
|
|
|
|
<!-- Das Panel wird nur angezeigt, wenn das Menü offen ist -->
|
|
<div *ngIf="isMenuOpen" class="menu-panel card" @menuAnimation>
|
|
|
|
<!-- Schleife, die die dynamischen Einträge rendert -->
|
|
<ng-container *ngFor="let item of items">
|
|
<!-- Zeigt einen Trenner an, wenn `dividerBefore` true ist -->
|
|
<hr class="divider" *ngIf="item.dividerBefore" />
|
|
|
|
<!-- Der eigentliche Menü-Eintrag -->
|
|
<a
|
|
class="menu-item"
|
|
[class.menu-item-danger]="item.isDanger"
|
|
(click)="onItemClick(item)">
|
|
{{ item.label }}
|
|
</a>
|
|
</ng-container>
|
|
|
|
</div>
|
|
</div> |