Javascript 剑道网格语法-以编程方式添加字体图标

所需行为：剑道网格中有“isActive？”列，如果isActive==真，则由绿色的fas fa时钟图标填充，如果为假，则由灰色的far fa时钟填充。该图标有一个onClick可在t/f之间切换

当前行为：网格存在并用单词true或false填充字段

代码：

component.html

<kendo-grid [data]="gridView" [sortable]="{ allowUnsort: true, mode: 'single' }" [sort]="sort"
                (sortChange)="sortChange($event)" [height]="auto">
      <kendo-grid-column field="someItems" title="items" width=7>
      </kendo-grid-column>
      <kendo-grid-column field="isActive" title="A?" width="4" spriteCssClass="fa fa-flag-checkered">
      </kendo-grid-column>
      <kendo-grid-column field="moreItems" title="items" width="4">
      </kendo-grid-column>
    </kendo-grid>

精灵类什么都不做。我不知道如何让它正确地运行

它也都是用html创建的——这是一种我读过的东西似乎都不支持的约定

资源：

应用程序是有角度的/ts

---

有人知道正确的语法吗？

所有链接的剑道UI资源都是针对jQuery的剑道UI的，而问题似乎是针对Angular的剑道UI

如前所述，请查看，您还需要加载CSS：

<kendo-grid-column field="Discontinued">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <i class="fa fa-flag-checkered" [style.color]="dataItem.Discontinued ? 'grey': 'green'" aria-hidden="true" (click)="dataItem.Discontinued = !dataItem.Discontinued"></i>
          </ng-template>
        </kendo-grid-column>

---

您看过列单元格模板了吗：太棒了，谢谢。live example链接对于修补和找到正确的语法非常有用。