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

时间:2018-12-01 13:29:08

标签: angular ternary-operator

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

现在我有了这个,它可以工作:

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

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

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

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

1 个答案:

答案 0 :(得分:0)

您可以尝试*ngIf and else

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

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