Angular

Question

我想在数据表的每一列中显示日期。日期来自 json，看起来像：

JSON 日期

1504836960000

现在我正在通过管道和 ng-template 对其进行格式化：

<ng-template pTemplate="body" let-order="rowData">
   {{order.sla.slaEnd | date:'yMdjm'}}
</ng-template>

我的约会对象是这样的：8.9.2017, 04:16

整列代码

<p-column field="sla.slaEnd" header="SLA">
    <ng-template pTemplate="body" let-order="rowData">
        {{order.sla.slaEnd | date:'yMdjm'}}
    </ng-template>
</p-column>

问题是，当 sla.slaEnd == null 我遇到错误并且我的页面崩溃时。我已经尝试了很多，但我没有得到它来检查 sla.slaEnd != null。我想检查它是否为空，当它为空时，他不应该显示任何类似“”的内容。当它不为 null 时，只显示我的格式化日期。有人知道如何解决这个问题吗？

Answer 1

你试过了吗*ngIf="":

<p-column *ngIf="sla.slaEnd" field="sla.slaEnd" header="SLA">
    <ng-template pTemplate="body" let-order="rowData">
        {{order.sla.slaEnd | date:'yMdjm'}}
    </ng-template>
</p-column>

Answer 2

尝试 safe navigation operator.

{{order.sla?.slaEnd}}

Angular - PrimeNG 数据表日期问题

Angular - PrimeNG datatable date issue

typescript

primeng