向 Angular 表达式中的三元运算符添加徽标

Question

我想在我的 HTML 中添加两个不同的徽标，具体取决于状态是否处于活动状态。

现在我有这个，它有效：

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

但我想要一些类似的东西：

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

如果是真的，我想要这个来自 FontAwesome 的标志，如果是假的，那么“不”。

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