时间戳

首页 > 解决方案 > 在表格Angular 6中使用三元运算符

angular - 在表格Angular 6中使用三元运算符

问题描述

我想根据一个利息金额是否高于另一个金额来显示一些金额，这是逻辑：

<td *ngIf="subTable.flexitaxMaxPaymentDate">
                subTable.flexitaxMaxInterest > subTable.IRDInterest ? {{subTable.maxAmountWithTmnzInterest | formatNegativeNumber}} ({{subTable.flexitaxMaxInterest | formatNegativeNumber}}) : ''
              </td>

所以在这个逻辑中，如果flexitaxMaxInterest大于IRDInterest，我想在<td>:中显示以下内容{{subTable.maxAmountWithTmnzInterest | formatNegativeNumber}} ({{subTable.flexitaxMaxInterest | formatNegativeNumber}})，如果这个布尔值结果为假，我想显示一个空字符串。

我的问题是，当表格呈现时，我得到以下输出：

subTable.flexitaxMaxInterest > subTable.IRDInterest ? $926 ($26) : ''

在我不想要的桌子内，我玩过它，但没有设法到达任何地方。实现我想要的最好方法是什么？

标签： angulartypescript

解决方案

在这种特殊情况下：如果条件不显示任何内容，您可以使用<ng-container>查看官方文档

<td *ngIf="subTable.flexitaxMaxPaymentDate">
   <ng-container *ngIf="subTable.flexitaxMaxInterest > subTable.IRDInterest">
      {{subTable.maxAmountWithTmnzInterest | formatNegativeNumber}}
      ({{subTable.flexitaxMaxInterest | formatNegativeNumber}})
   </ng-container>
</td>

推荐阅读