Javascript Angularjs ui网格更改行背景色

我在plunker中有此代码，我无法使其正常工作：

var-app=angular.module（'app'，['ngAnimate'，'ui.grid']）；
app.controller（'MainCtrl'，['$scope'，'$http'，函数（$scope，$http）{
$scope.myData=[{sv_name:“Moroni”，sv_代码：50，计数：0}，
{sv_名称：“Tiancum”，sv_代码：43，计数：1}，
{sv_名称：“Jacob”，sv_代码：27，计数：0}，
{sv_名称：“Nephi”，sv_代码：29，计数：7}，
{sv_名称：“Enos”，sv_代码：34，计数：0}]；
$scope.getBkgColorTable=函数（保存状态）{
开关（保存状态）{
案例1：
返回“”；
打破
案例0：
返回“#dff0d8”；
打破
默认值：//除0和-1之外的任何内容，警报
返回“#f2de”；
}
};
//ng class=“{'green\'：true，\'red\'：row.entity.count==0}”
var rowtpl=''；
$scope.gridOptions={
enableSorting:true，
数据：'myData'，
行模板：rowtpl，
columnDefs：[
{字段：'sv_name'，显示名称：'Nombre'，}，
{字段：'sv_code'，显示名称：'Placa'}，
{字段：'计数'}
]
};
}]);

其思想是检查网格中的状态字段并更改网格的背景颜色

问候

---

Carlos

尝试将模板更改为：

 var rowtpl='<div><div style="height: 100%; {\'background-color\': getBkgColorTable(myData[row.rowIndex].count)}" ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader }" ui-grid-cell></div></div>';

var rowtpl=''；

当div为空（没有文本）时，其大小为零，因此不会渲染

 var rowtpl='<div><div style="height: 100%; {\'background-color\': getBkgColorTable(myData[row.rowIndex].count)}" ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader }" ui-grid-cell></div></div>';