title: How to render list of items inside Mat-Menu Angular/material2
body: <p>Back in materialc1 I was able to render a list of buttons inside my material menu as below:</p>
  
  <pre><code>  &lt;md-menu&gt;
    &lt;md-button ng-click="vm.openMenu($mdMenu, $event)"&gt;     
       &lt;md-icon md-svg-icon="extraIcons:toolbox" aria-label="Toolbox"&gt;&lt;/md-icon&gt;
    &lt;/md-button&gt;
    &lt;md-menu-content&gt;
      &lt;md-menu-item ng-repeat="hi in vm.ListofPizza"&gt;          
       &lt;md-button ng-click="vm.orderPizza(hi.id)"&gt;                        
           {{hi.name}}          
      &lt;/md-button&gt;            
    &lt;/md-menu-item&gt;
   &lt;/md-menu-content&gt;
  </code></pre>
  
  <p></p>
  
  <p>I am trying to do the same in material2/angular2 as shown below:</p>
  
  <pre><code>&lt;button mat-fab color="primary" [matMenuTriggerFor]="menu"&gt;
  &lt;mat-icon svgIcon="extraIcons:toolbox"&gt;
  &lt;/mat-icon&gt;   
  &lt;/button&gt;
  &lt;mat-menu #menu="matMenu"&gt;
  &lt;mat-menu-item *ngFor="let hi ofListofPizza"&gt;                 
  &lt;button mat-button&gt; {{hi.name}}&lt;/button&gt;
  &lt;/mat-menu-item&gt;
  </code></pre>
  
  <p></p>
  
  <p>However this gives me below mentioned error:</p>
  
  <blockquote>
    <p>Can't have multiple template bindings on one element. Use only one
    attribute named 'template' or prefixed with * ("  
    
    <h1>menu="matMenu"></h1>
  </blockquote>
  
  <p>What am i doing wrong?</p>