>

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>

아래 그림과 같이 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">

내가 뭘 잘못하고 있니?


  • 답변 # 1

    그게 어떻게되어있어.

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

관련 자료

  • 이전 shell - Bash 스크립트의 AWS 문제
  • 다음 python - 효율적으로 팬더 DataFrame에 행 추가