2017-11-03 12 views
1

データテーブルの各列に日付を表​​示したいとします。日付はJSONを経由して来ていると次のようになります。角度 - PrimeNGデータ可能日付の問題

JSON日

1504836960000 

は、今私は、配管とngのテンプレートを経由して、それをフォーマットしています:

<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でない場合、フォーマットされた日付を表示するだけです。誰もこの問題を解決する方法を知っていますか?

+0

を試してみてくださいを/あなたの

'? –

+0

slaは私のcomponent.tsの変数ではなく、データテーブルの値のオブジェクトです。 –

答えて

0

` でそれをラップしていない理由/ safe navigation operator.

{{order.sla?.slaEnd}}

+0

うわーはこれを知らなかった。ありがとうございました! –

+0

うれしい! – JuanDM

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> 
+0

これは私が欲しいものではありません。 sla.slaEndがnullの場合、列全体は表示されません。しかし、私はいつもそこにいることを望んでいます。 –