Kendo Angular 动态网格自定义对象格式答案

【问题标题】：Kendo Angular dynamic grid custom object formatKendo Angular 动态网格自定义对象格式
【发布时间】：2020-09-14 13:57:38
【问题描述】：

有没有人知道如何格式化剑道网格中自定义对象的显示格式？我有以下动态网格：

<kendo-grid
    <kendo-grid-column
      *ngFor="let column of columns"
      [field]="column.field"
      [title]="column.title"
      [format]="column.format"
      [filter]="column.filter"
    ></kendo-grid-column>
</kendo-grid>

我有一列存储一个简单的日/月对象：

dayMonth: {
    day: number,
    month: number
}

我已经有一个 dayMonthFormatter 管道以“dd MMMM”格式显示它。我无法弄清楚的是，无需更改我的 API 返回的数据，我如何让 Kendo 网格通过使用 [format] 输入将管道应用于数据。 ColumnComponent 文档提到了支持“格式对象”，但我在任何地方都找不到任何关于如何创建自定义对象的参考。

【问题讨论】：

标签： angular object format kendo-grid

【解决方案1】：

我放弃了尝试通过格式属性找到方法，只使用了一个模板。例如：

<kendo-grid
    <kendo-grid-column
      *ngFor="let column of columns"
      [field]="column.field"
      [title]="column.title"
      [format]="column.format"
      [filter]="column.filter"
    >
    <ng-template *ngIf="column.field === 'dayMonthField'"
        kendoGridCellTemplate
        let-dataItem
      >
        {{ dataItem.dayMonthField | dayMonthFormatter }}
      </ng-template>
    </kendo-grid-column>
</kendo-grid>

【讨论】：