Angular - PrimeNG datatable date issue

Question

I want to display the date in each column of my datatable. The date is comming via json and looks like:

JSON Date

1504836960000

Now i am formatting it via piping and ng-template:

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

I am getting a date looking like this: 8.9.2017, 04:16

Whole column code

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

The problem is, when sla.slaEnd == null i am getting an error and my page collapses. I have tried a lot but i didn't get it to check if sla.slaEnd != null. I want to check if it is null and when it is null he should display nothing like ''. When it is not null then just show my formatted date. Anybody knows how to solve this issue?

why not wrap it in <ng-template *ngIf="sla.slaEnd != null"> //your <p> </p></ng-template> ? — Chris Sharp
– Chris Sharp, Commented Nov 3, 2017 at 12:45
Doesn't work because sla is not a variable in my component.ts but an object of my datatable value. — Anton Styopin
– Anton Styopin, Commented Nov 3, 2017 at 12:54

JuanDM · Accepted Answer · 2017-11-03 12:48:17Z

1

Try the safe navigation operator.

{{order.sla?.slaEnd}}

answered Nov 3, 2017 at 12:48

JuanDM

1,33011 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Milo · Accepted Answer · 2017-11-03 12:44:29Z

0

Have you tried *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>

answered Nov 3, 2017 at 12:44

Milo

3,4539 gold badges32 silver badges44 bronze badges

1 Comment

Anton Styopin Over a year ago

This is not what i want. If sla.slaEnd is null the whole column will not be displayed. But i want it always to be there.

Collectives™ on Stack Overflow

Angular - PrimeNG datatable date issue

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related