如何呈现Mat菜单Angular/material2中的项目列表

回到materialc1，我能够在我的材质菜单中呈现一个按钮列表，如下所示：

  <md-menu>
  <md-button ng-click="vm.openMenu($mdMenu, $event)">     
     <md-icon md-svg-icon="extraIcons:toolbox" aria-label="Toolbox"></md-icon>
  </md-button>
  <md-menu-content>
    <md-menu-item ng-repeat="hi in vm.ListofPizza">          
     <md-button ng-click="vm.orderPizza(hi.id)">                        
         {{hi.name}}          
    </md-button>            
  </md-menu-item>
 </md-menu-content>

{{hi.name}

我尝试在material2/angular2中执行相同的操作，如下所示：

<button mat-fab color="primary" [matMenuTriggerFor]="menu">
<mat-icon svgIcon="extraIcons:toolbox">
</mat-icon>   
</button>
<mat-menu #menu="matMenu">
<mat-menu-item *ngFor="let hi ofListofPizza">                 
<button mat-button> {{hi.name}}</button>
</mat-menu-item>

{{hi.name}

然而，这给了我以下提到的错误：

一个元素上不能有多个模板绑定。只使用一个 名为“template”或前缀为*（“ menu=“matMenu”>

---

我做错了什么？

应该是这样的

<mat-menu #menu="matMenu">
  <button mat-menu-item *ngFor="let item of ofListofPizza">
    {{ item.text }}
  </button>
</mat-menu>

{{item.text}

语法似乎不正确，应该是：

*ngFor=“let hi of ListofPizza”

您应该使用

[mat菜单项]

属性，而不是

[mat按钮]

@Edric我需要在list@Und3rTow我做了改变，但还是没有work@pankaj能否检查组件代码中是否存在ListofPizza的属性？