向Angular Expressions中的三元运算符添加徽标

Question

我想根据自己的状态是否为活动，在HTML中添加两个不同的徽标。

现在我有了这个，它可以工作：

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

但是我想提出一些类似的建议：

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

如果为true，我希望使用FontAwesome的徽标，如果为false，则为“ no”。

Answer 1

您可以尝试*ngIf and else

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

有关更多详细信息，请检查此link