回到 materialc1,我能够在我的 Material 菜单中呈现一个按钮列表,如下所示:
<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>
我试图在 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>
然而,这给了我下面提到的错误:
Can't have multiple template bindings on one element. Use only one attribute named 'template' or prefixed with * ("
menu="matMenu">
我究竟做错了什么?
最佳答案
这就是它应该如何。
<mat-menu #menu="matMenu">
<button mat-menu-item *ngFor="let item of ofListofPizza">
{{ item.text }}
</button>
</mat-menu>
关于angular - 如何在 Mat-Menu Angular/material2 中呈现项目列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48300898/