blueprints/common/eliot-ui/frontend-src/src/app/menu-item/menu-item.component.html

   1 <mat-menu #childMenu="matMenu" [overlapTrigger]="false">
   2     <span *ngFor="let child of items">
   3         <span *ngIf="child.children && child.children.length > 0">
   4             <button mat-menu-item  [matMenuTriggerFor]="menu.childMenu">
   5                 {{child.displayName}}
   6             </button>
   7
   8             <app-menu-item #menu [items]="child.children"></app-menu-item>
   9         </span>
  10
  11
  12         <span *ngIf="!child.children || child.children.length === 0">
  13             <button mat-menu-item  [routerLink]="child.route">
  14                 <span *ngIf="child.iconName">
  15
  16                     <mat-icon>{{child.iconName}}</mat-icon>
  17                 </span>
  18                 {{child.displayName}}
  19             </button>
  20
  21         </span>
  22     </span>
  23 </mat-menu>