Question

我在Angular 4中使用Kendo Grid。

我有2个字段“ DateCreated”和“ DateModified”，我想将这些字段分配给“ Date Modified”列。如果“ 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>

谢谢

Answer 1

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

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

Answer 2

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

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

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

2 个答案: