Search code examples
angularangular-ng-if

use “OR” in *ngIf


I have a response coming from an API, and I would like to set an if condition to check if the response is 3 or 6 to set the ng-template to success else any other data gotten should be set to danger,

How do I check if the data.delivery_status is 3 or 6 ?

This is my code below which does not work:

<li *ngIf="data.delivery_status==='3' OR '6';then success else danger"></li>
<ng-template #success>
    <td><span class="btn btn-success btn-sm">Sent</span></td>
</ng-template>
<ng-template #danger>
    <td><span class="btn btn-danger btn-sm">Sent</span></td>
</ng-template>

Solution

  • use *ngIf="data.delivery_status==='3' || data.delivery_status === '6' instead of OR '6'

    <li *ngIf="data.delivery_status==='3' || data.delivery_status === '6';then success else danger"></li>
    <ng-template #success>
        <td><span class="btn btn-success btn-sm">Sent</span></td>
    </ng-template>
    <ng-template #danger>
        <td><span class="btn btn-danger btn-sm">Sent</span></td>
    </ng-template>