title: angular material template mat-menu is empty
body: <p>I am not able to see the <code>Serial</code> option when <code>*ngIf="cards[i].vm_type === 'Container Provider'"</code> is returning <code>True</code> I am not sure what I am doing wrong here. <a href="https://i.stack.imgur.com/aUpS5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aUpS5.png" alt="empty contents when clicking on Connect when vm.vm_type is Bhyve"></a></p>
  
  <p><a href="https://i.stack.imgur.com/sZqSs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sZqSs.png" alt="contents when clicking on Connect when vm.vm_type is Container Provide"></a></p>
  
  <pre><code>          &lt;button mat-raised-button color="primary" [disabled]="(cards[i].state == 'stopped')" [matMenuTriggerFor]="appMenu"&gt;Connect&lt;/button&gt;
              &lt;mat-menu #appMenu="matMenu"&gt;
                &lt;button *ngIf="cards[i].vm_type === 'Bhyve'" mat-menu-item color="primary" [disabled]="(!cards[i].vnc || cards[i].state === 'stopped')" (click)="vnc(i)"&gt;VNC&lt;/button&gt;
                &lt;button *ngIf="cards[i].vm_type === 'Bhyve'" mat-menu-item color="primary" [disabled]="(cards[i].state === 'stopped')" (click)="serial(i)"&gt;Serial&lt;/button&gt;
              &lt;/mat-menu&gt;
              &lt;mat-menu  #appMenu="matMenu"&gt;
                &lt;button *ngIf="cards[i].vm_type === 'Container Provider'" mat-menu-item color="primary" [disabled]="(cards[i].state === 'stopped')" (click)="serial(i)"&gt;Serial&lt;/button&gt;
              &lt;/mat-menu&gt;
  </code></pre>