Добавьте логотип к троичным операторам внутри Angular Expressions

Question

Я хочу добавить два разных логотипа в мой HTML в зависимости от того, активен статус или нет.

Прямо сейчас у меня есть это, которое работает:

<td>{{customer.activeStatus?"yes":"no"}}</td>

Но я хотел бы иметь что-то вроде этого:

<td>{{customer.activeStatus? "<i class='fas fa-lightbul'></i>":"no"}}</td>

Если это правдаЯ хотел бы получить этот логотип от FontAwesome и если false, то "нет".

Answer 1

Вы можете попробовать *ngIf and else

<td>
  <i *ngIf="customer.activeStatus;else elsePart" class='fas fa-lightbul'></i>
  <ng-template #elsePart>No</ng-template>
</td>

для более подробной информации, проверьте эту ссылку