Установить динамическое содержимое меню

Question

У меня есть матовая таблица материалов angular6, в одной из колонок есть меню вызова кнопок. Я хочу, чтобы он отображал различные параметры в зависимости от значения столбца {{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>