условие с двумя * ngIf и еще одним

Question

Я пытаюсь применить следующее, возможно ли достичь с помощью ngIf? что нет необходимости использовать ngSwitch, я был бы признателен за любую помощь

    if(){
    }elseif(){
    }else{
    }

<p *ngIf="document.userDocument.approver1.status == 'Approved';
                        else pending
                      ">
  <nb-icon icon="checkmark-outline"></nb-icon> Approved
</p>
<p *ngIf="document.userDocument.approver1.status == 'Rejected';
                        else pending
                      ">
  <nb-icon icon="close-outline"></nb-icon> Rejected
</p>
<ng-template #pending>
  <nb-icon icon="clock-outline"></nb-icon> Pending approval
</ng-template>

Answer 1

Другая альтернатива - условия гнездования

<ng-container *ngIf="foo === 1;else second"></ng-container>
<ng-template #second>
    <ng-container *ngIf="foo === 2;else third"></ng-container>
</ng-template>
<ng-template #third></ng-template>