pcb demo code.

[ealt-edge.git] / example-apps / PDD / frontend-src / src / app / menu-item / menu-item.component.html

diff --git a/example-apps/PDD/frontend-src/src/app/menu-item/menu-item.component.html b/example-apps/PDD/frontend-src/src/app/menu-item/menu-item.component.html
new file mode 100644 (file)
index 0000000..e4ed020
--- /dev/null
+++ b/example-apps/PDD/frontend-src/src/app/menu-item/menu-item.component.html
@@ -0,0 +1,23 @@
+<mat-menu #childMenu="matMenu" [overlapTrigger]="false">
+    <span *ngFor="let child of items">
+        <span *ngIf="child.children && child.children.length > 0">
+            <button mat-menu-item  [matMenuTriggerFor]="menu.childMenu">
+                {{child.displayName}}
+            </button>
+
+            <app-menu-item #menu [items]="child.children"></app-menu-item>
+        </span>
+
+
+        <span *ngIf="!child.children || child.children.length === 0">
+            <button mat-menu-item  [routerLink]="child.route">
+                <span *ngIf="child.iconName">
+
+                    <mat-icon>{{child.iconName}}</mat-icon>
+                </span>
+                {{child.displayName}}
+            </button>
+
+        </span>
+    </span>
+</mat-menu>
\ No newline at end of file