Question

我有一个特殊条件，即单元格内的值可以是1,2,0或-N。根据这些值，ng网格单元格上的背景颜色应该更改。我试图在plunker上做到这一点

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
                    };

Answer 1

你的红色样式是错误的。将背景颜色更改为红色以表示红色。：）

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

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

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

基于数值单元格值对ng网格单元进行颜色编码

1 个答案: