角度5:根据输出显示状态文本

使用当前方法,您可以执行以下任一操作:

<td class="font-size-md">{{ getText(item.status) }}</td>

在您的.ts文件中

getText(status) {
   if (status === "submitted") return "Submitted"
   if (status === "cancelled") return "Cancelled"
   if (status === "requestforcost") return "Request For Cost"
}

<td
   *ngIf="item.status === 'submitted'"
   class="font-size-md">
   submitted
</td>

<td
   *ngIf="item.status === 'cancelled'"
   class="font-size-md">
   Cancelled
</td>

<td
   *ngIf="item.status === 'requestforcost'"
   class="font-size-md">
   Request For Cost
</td>

或者你也可以这样做:

<td class="font-size-md">
   <span *ngIf="item.status === 'submitted'">Submitted</span>
   <span *ngIf="item.status === 'cancelled'">Cancelled</span>
   <span *ngIf="item.status === 'requestforcost'">Request For Cost</span>
</td>

你可以有多个条件; tds 比如:

<td class="font-size-md" *ngIf="item?.status == 'requestforcost'">Request For Cost</td>
<td class="font-size-md" *ngIf="item?.status == 'cancelled'">Cancelled</td>

.. 等

或者在 ts

let statusMap = {requestforcost: "Request For Cost", cancelled: "Cancelled"}

在你的 HTML 拥有 td

<td class="font-size-md" *ngIf="item?.status>{{statusMap[item.status]}}</td>

你可以这样写。

<td class="font-size-md" *ngIf="item.status === 'submitted">Show here submitted text</td>
<td class="font-size-md" *ngIf="item.status === 'cancelled">Show here submitted text</td>