动态设置菜单内容

Question

我有一个angular6材料垫桌，其中一列包含按钮触发mat菜单。我希望它根据{{server.status}}列值显示不同的选项。我怎样才能做到这一点？

<ng-container matColumnDef="status">
   <mat-cell *matCellDef="let server"> {{server.status}} </mat-cell>
</ng-container>
<ng-container matColumnDef="actions">
   <mat-cell *matCellDef="let server"> 
        <mat-icon [matMenuTriggerFor]="menu" class="clickable">more_vert</mat-icon>
         <mat-menu #menu="matMenu">
                 <button mat-menu-item>
                      <span>Optionset1</span>
                 </button>
         </mat-menu>
         <mat-menu #menu="matMenu2">
                 <button mat-menu-item>
                       <span>Optionset2</span>
                 </button>
         </mat-menu>
    </mat-cell>
</ng-container>

Answer 1

好吧，我做到了。我使用了* ngIf语句。我会把它放在任何寻找答案的人身上

                <div *ngIf="server.status == 'ONLINE'">
                    <mat-icon [matMenuTriggerFor]="menu" class="clickable"></mat-icon>
                </div>
                <div *ngIf="server.status == 'OFFLINE'">
                    <mat-icon [matMenuTriggerFor]="menu2" class="clickable" ></mat-icon>
                </div>
                <mat-menu #menu="matMenu">
                    <button mat-menu-item>
                        <span>Option1</span>
                    </button>
                </mat-menu>
                <mat-menu #menu2="matMenu">
                    <button mat-menu-item>
                        <span>Option2</span>
                    </button>
                </mat-menu>