Memo

20200331

       <span *ngFor="let menu of menus; let idx = index"  style="display:inline-block;width: 100%;">
           <a mat-list-item style="display: inline-block;width: 80%;" [routerLinkActive]="'active'" [routerLink]="['/note', menu.id]" (click)="selectMenu()">
               <mat-icon class="sidenav-icon">{{ menu.icon }}</mat-icon> {{ menu.name | translate }}
           </a>
           <a mat-list-item style="display: inline-block;width: 20%;">
               <mat-icon class="sidenav-icon" [matMenuTriggerFor]="rootMenu">more_horiz</mat-icon>
           </a>

           <!-- メニュー -->
           <mat-menu #rootMenu="matMenu">
               <button mat-menu-item [matMenuTriggerFor]="addPage">
                   <mat-icon>add</mat-icon>
                   <span>{{ 'Add Page' | translate }}</span>
               </button>
               <button mat-menu-item (click)="showUserInfo()">
                   <mat-icon>delete</mat-icon>
                   <span>{{ 'Delete Page' | translate }}</span>
               </button>
           </mat-menu>
           <!-- メニュー（子項目） -->
           <mat-menu #addPage="matMenu">
               <button mat-menu-item (click)="contextMenuFunction($event)">
                   <span>{{ 'Note' | translate }}</span>
               </button>
           </mat-menu>

       </span>