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

У меня есть мат-таблица материала 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>

typescript angular6 angular-material-6
person newbieXX    schedule 15.02.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Что ж, я сделал это. Я использовал оператор * 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>
person newbieXX    schedule 16.02.2019