У меня есть сетка пользовательского интерфейса Kendo, которая читает из моего источника данных ряд свойств. Одна из них содержит цветовую строку. Я хочу использовать указанную цветовую строку, чтобы установить фоновый цвет прямоугольника в сетке.
Я использую следующий шаблон для поля:
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
};
});
},
Данные, относящиеся к файлу JSON, который в настоящее время служит моим DS (скоро будет изменен):
{
"alarms": [
{
"type": "Yellow",
//...
}
//...
]}
Выяснил этот вопрос. ng-стиль нужно отформатировать по-разному, потому что он передается как строка к кендо.
template: "<img class='alarm-box-prediction variable' ng-style=\"{'background-color':dataItem.type}\"></img>",