如何根据剑道网格角度中的条件为一列分配 2 个字段 4.

Question

Im 使用 Kendo Grid 和 Angular 4。

我有 2 个字段"创建日期"和"修改日期">

，我想将这些字段分配给"修改日期"列。 如果"修改日期"字段中的值为空，则"创建日期"字段值将分配给列。 当这两个值都存在时，"修改日期"值将被分配。

尝试使用 *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>

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>