Angular - PrimeNG数据表日期问题

时间:2017-11-03 12:39:41

标签: angular typescript primeng

我想在数据表的每一列中显示日期。日期是通过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,当它为null时,它应该显示为''。当它不为null时,只显示我的格式化日期。有谁知道如何解决这个问题?

2 个答案:

答案 0 :(得分:1)

尝试safe navigation operator.

{{order.sla?.slaEnd}}

答案 1 :(得分:0)

您是否尝试过*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>