Как скрыть кнопку, если задание успешно выполнено в угловых 7

Question

У меня есть мат-кнопка, и вместо того, чтобы отключить их, я хочу, чтобы они были скрыты после успешного выполнения задания и показывали, если оно не выполнено.Я пытался использовать тег [hidden], но он не работает.Код для HTML

<ng-container matColumnDef="actions">
            <mat-header-cell *matHeaderCellDef> </mat-header-cell>
            <mat-cell *matCellDef="let element; let index = index">
                <button
                    *ngIf="index === 0"
                    mat-icon-button
                    (click)="stop_exec_job(element)"
                    matTooltip="Stop Executing the Job"
                    [disabled]="
                        element.status == 'SUCCESS' ||
                        element.status == 'FINISH' ||
                        element.status == 'CANCELLED'
                    "
                >
                    <!-- Edit icon for row -->
                    <i class="material-icons" style="color:red"> stop </i>
                </button>
                <!-- Delete icon for row -->
                <button
                    *ngIf="index === 0"
                    mat-icon-button
                    (click)="re_run_job(element)"
                    matTooltip="Re-Run the Job"
                    [disabled]="
                        element.status == 'RUNNING' ||
                        element.status == 'Pending'
                    "
                >
                    <i class="material-icons" style="color:green">
                        cached
                    </i>
                </button>
            </mat-cell>
        </ng-container>

Answer 1

Вы могли бы объединить чеки в *ngIf

// First button
<button
    *ngIf="index===0 && element.status!='SUCCESS' && element.status!='FINISH' && element.status != 'CANCELLED'"
    mat-icon-button
    (click)="stop_exec_job(element)"
    matTooltip="Stop Executing the Job">

// Second button
<button
    *ngIf="index===0 && element.status!='RUNNING' && element.status=='PENDING'"
    mat-icon-button
    (click)="re_run_job(element)"
    matTooltip="Re-Run the Job">