Angularjs 基于数值单元格值的网格单元格颜色编码

我有一个特殊的条件，其中单元格内的值可以是1,2,0或-N。根据这些值，ng网格单元格上的背景颜色应该改变。我曾试图在普朗克号上这样做

http://plnkr.co/edit/tpl:FrTqqTNoY8BEfHs9bB0f?p=preview

但即使值为1或2，我也会两次变绿。我可以看出我的语法很可能不正确，尽管CHROME没有抱怨。这是我手机的一个片段

$scope.gridHours = { 
                    data : 'hours',
                    columnDefs  : [ 
                                    {field : 'caseId', displayName : 'Case ID'},
                                    {field : 'EHStatus.TOPPER.code', displayName : 'TOPPER Status Code',cellTemplate: '<div class="ngCellText" ng-class="{\'green\' : row.getProperty(\'EHStatus.TOPPER.code\') == \'1\' ,\'red\' : row.getProperty(\'EHStatus.TOPPER.code\') == \'2\'}" >{{ row.getProperty(col.field) }}</div>'},
                                    {field : 'EHStatus.SFT.code', displayName : 'SFT Status Code'},
                                    {field : 'EHStatus.SPD.code', displayName : 'SPD Status Code'},
                                    {field : 'EHStatus.RSC.code', displayName : 'RSC Status Code'}
                                ],
                    enableColumnResize : true
                    };

$scope.gridHours={
数据：“小时”，
columnDefs:[
{字段：'caseId'，显示名称：'caseId'}，
{field:'EHStatus.TOPPER.code'，displayName:'TOPPER Status code'，cellTemplate:{{row.getProperty（col.field）}}，
{字段：'EHStatus.SFT.code'，显示名称：'SFT Status code'}，
{字段：'EHStatus.SPD.code'，显示名称：'SPD Status code'}，
{字段：'EHStatus.RSC.code'，显示名称：'RSC Status code'}
],
enableColumnResize:true
};

您为红色类设置的样式错误。将背景颜色更改为红色表示红色。：）

---

这也是一个提示，我不知道你是否在使用它，但是请使用chrome的内置检查器查看元素的样式。我看到您的条件是正确的，所以下一步就是检查您的css声明。

这是正确的提示，谢谢！！这对我来说是一个愚蠢的错误，谢谢你调查并指出它。没问题！有时只需要另一双眼睛。

.green {
  background-color: green;
  color: white;
}

.red {
  background-color: red;
  color: white;
}