javascript - Kendo UI 网格和 ng 风格

Question

我有一个 Angular Kendo UI 网格，它正在从我的数据源读取一系列属性。 其中之一包含颜色字符串。我想使用所述颜色字符串来设置网格中方框的背景颜色。

我使用以下盒子模板:

template: "<img class='alarm-box-prediction variable' ng-style={'background-color': dataItem.type}'></img>"

我的数据源中的相关数据如下:

dataSource: {
        dataSource: function(data) {
            // Map the stored properties in the data array of objects received to 
            // their corresponding columns in the Grid
            return $.map(data, function(alarmProperty) {
                return {
                    // Change array index to match API once we are getting data from there
                    type: alarmProperty[0],
                    //... there are more properties here but i removed them as they are not the focus
                };
            });
        },

当前用作我的 DS 的 JSON 文件的相关数据(不过很快就会更改)是:

{
    "alarms": [
        {
            "type": "Yellow",
//...
        }
//...
]}

Answer 1

发现问题了。 ng-style 需要采用不同的格式，因为它作为字符串传递给 kendo。

template: "<img class='alarm-box-prediction variable' ng-style=\"{'background-color':dataItem.type}\"></img>",