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

Posted 2021-04-15

我使用Kendo Grid和Angular 4。

我有2个字段'DateCreated'和'DateModified'，我想将这些字段分配给'修改日期'列。如果“DateModified”字段中的值为null，则“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>

谢谢

答案

如果条件显示修改日期，则需要再添加一个。

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

另一答案

您可以像这样在插值中设置条件

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