Question

我可以直接将预格式化的值绑定到kendo网格列吗？数据包含html标记，我希望列使用格式呈现数据，而不是将标记视为文本。我可以使用ng-template来实现所需的输出，但为此我需要解析整个数据，将其存储到不同的密钥中并使用它们在.html文件中进行格式化。无论如何我可以让kendo渲染列中的html吗？

Answer 1

您可以使用cell template中的包装元素呈现HTML，并将其innerHtml属性绑定到包含您要呈现的HTML的数据项字段，例如：

<kendo-grid-column field="htmlField">
              <ng-template kendoGridCellTemplate let-dataItem>
                <div [innerHtml]="dataItem.htmlField"></div>
              </ng-template>
            </kendo-grid-column>

型号：

{
        "ProductID": 1,
        "ProductName": "Chai",
        "SupplierID": 1,
        "CategoryID": 1,
        "QuantityPerUnit": "10 boxes x 20 bags",
        "UnitPrice": 18,
        "UnitsInStock": 39,
        "UnitsOnOrder": 0,
        "ReorderLevel": 10,
        "Discontinued": false,
        "Category": {
            "CategoryID": 1,
            "CategoryName": "Beverages",
            "Description": "Soft drinks, coffees, teas, beers, and ales"
        },
        "FirstOrderedOn": new Date(1996, 8, 20),
        "htmlField": "<h1>RENDERED HTML</h1>"
    },

EXAMPLE

Angular - kendo-grid-column - 绑定html数据

1 个答案: