angular - 如何根据 Kendo Grid Angular 4 中的条件为一列分配 2 个字段

Question

我在 Angular 4 中使用 Kendo Grid。

我有 2 个字段“DateCreated”和“DateModified”，我想将这些字段分配给“Date Modified”列。如果“DateModified”字段中的值为空，则“DateCreated”字段值将分配给该列。当这两个值都存在时，就会分配“DateModified”值。

尝试使用 *ngIf，但我只能分配一个字段。

这是我的代码..

   <kendo-grid-column field="RecordModifiedDate" title="Date Modified">
       <ng-template kendoGridCellTemplate let-dataItem>
           <div *ngIf="dataItem.RecordModifiedDate = null">{{ (dataItem.DateCreated) | date: 'MM-dd-yyyy HH:mm:ss' }}</div>
            </ng-template>
               </kendo-grid-column>

谢谢

Answer 1

您需要再添加一个 if 条件来显示修改日期。

<kendo-grid-column field="RecordModifiedDate" title="Date Modified">
  <ng-template kendoGridCellTemplate let-dataItem>
    <div *ngIf="dataItem.RecordModifiedDate == null">{{ (dataItem.DateCreated) | date: 'MM-dd-yyyy HH:mm:ss' }}</div>
    <div *ngIf="dataItem.RecordModifiedDate !== null">{{ (dataItem.RecordModifiedDate) | date: 'MM-dd-yyyy HH:mm:ss' }}</div>
  </ng-template>
</kendo-grid-column>