时间戳

首页 > 解决方案 > 如何在剑道网格中写入 IF 条件？

javascript - 如何在剑道网格中写入 IF 条件？

问题描述

我想在剑道网格列中使用 if 条件。但它不起作用。我想把图像取决于条件。有语法错误吗？

<kendo-grid-column field ="Scanned_STS" title="Status" width="20">
  <ng-template kendoGridCellTemplate let-dataItem> "# if(Scanned_STS == 1) { #  #= "<img src=''>" # # } else if (Scanned_STS == 0) { # #= "<img src=''>" # # }"</ng-template>
</kendo-grid-column>

标签： javascriptangularif-statementkendo-grid

解决方案

嗨，如果您使用 Angular，您可以使用NgIf

import { Component } from '@angular/core';
import { sampleProducts } from './products';

@Component({
    selector: 'my-app',
    template: `
         <kendo-grid [data]="gridData">
            <kendo-grid-column field="ProductName">
                <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
                    <strong>{{dataItem.ProductName}}</strong>
                      <img *ngIf='dataItem.Discontinued' src='' alt='Item Discontinued'/>
                      <img *ngIf='!dataItem.Discontinued' src='' alt='Item Continued'/>
                </ng-template>
            </kendo-grid-column>
        </kendo-grid>
    `
})
export class AppComponent {
    public gridData: any[] = sampleProducts;
}

推荐阅读