Как назначить 2 поля для одного столбца на основе условия в Kendo Grid Angular 4

Question

Я использую Kendo Grid с Angular 4.

У меня есть 2 поля «DateCreated» и «DateModified», и я хочу назначить эти поля столбцу «Дата изменения».если значение в поле «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

вы можете установить свое условие в интерполяции, как это

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

Answer 2

Вам необходимо добавить еще одно условие для отображения даты изменения.

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