title: How to open mat-menu programmatically?
body: <p>Im trying to trigger opening a menu when clicking mat-nav-list item. </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;mat-nav-list&gt;
      &lt;mat-list-item (click)="onOpenMenu(menu)" *ngFor="let i of data"&gt;
          &lt;div mat-line&gt;
              {{ i.name }}
          &lt;/div&gt;
          &lt;p mat-line&gt;
              {{ i.email }}
          &lt;/p&gt;
          &lt;button mat-icon-button [matMenuTriggerFor]="menu"&gt;
              &lt;mat-icon&gt;more_vert&lt;/mat-icon&gt;
          &lt;/button&gt;
      &lt;/mat-list-item&gt;
      &lt;mat-menu #menu="matMenu"&gt;
          &lt;button mat-menu-item&gt;View profile&lt;/button&gt;
          &lt;button mat-menu-item&gt;Add contact&lt;/button&gt;
      &lt;/mat-menu&gt;
  &lt;/mat-nav-list&gt;
  </code></pre>
  
  <p><strong>TS</strong></p>
  
  <pre><code>onOpenMenu(menu: any): void {
     // menu doesn't have any openMenu() function 
     // which is of course not a trigger object but a menu itself.
     console.log(menu);
  }
  </code></pre>
  
  <p>I have been trying to look at this <a href="https://github.com/angular/material2/issues/2421" rel="noreferrer">issue on github</a> which is closer to my situation. but in my case i have a dynamic list of items which i wanted to open a menu every click.</p>
  
  <p><kbd><a href="https://stackblitz.com/edit/mat-list-nav-menu-item?embed=1&amp;file=app/app.component.html" rel="noreferrer">DEMO</a></kbd></p>