5. Multi-Menu in Side-Nav


        
            
                Markdown 0.60 KB
                                    
                        | None                    
                
                                        |
    0    0                            

            
                
                                    raw
                    download
                    clone
                    embed
                    print
                
                                    report
                
                
                            
        
        
            So, in the sidenav-list.component.html file, we need to add the following code below the last anchor tag:
<mat-list-item [matMenuTriggerFor]="menu">

<mat-icon>unfold_more</mat-icon>

<a matline>Example</a>

</mat-list-item>

<mat-menu #menu="matMenu">

<button mat-menu-item (click)="onSidenavClose()">View profile</button>

<button mat-menu-item (click)="onSidenavClose()">Add contact</button>

</mat-menu>
For this to work, we need to register MatMenuModule:
import { …, MatMenuModule } from '@angular/material';
imports: [

MatMenuModule,
exports: [

MatMenuModule,