숫자 셀 값을 기반으로 그리드 셀을 색으로 표시

Question

셀 내 값이 1,2,0 또는 -N이 될 수있는 특별한 조건이 있습니다. 이 값에 따라 NG 그리드 셀의 배경색이 변경되어야합니다. 나는 plunker에

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

그러나이이 작업을 수행 할 수있는 시도를 한 I GREEN 값이 크롬 불평하지 않았지만 1 또는 2 내가, 대부분의 아마 내 구문이 올바르지 않습니다 볼 수있는 경우에도 두 배 . 여기에 내 세포의 발췌 문장이 있습니다

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

그냥 팁도, 당신이 그것을 사용하는 경우 알아,하지만 크롬의 관리자에서 내장을 사용하여 요소의 스타일을 확인하지 않습니다. 귀하의 조건이 정확하다는 것을 알았습니다. 다음 단계는 귀하의 CSS 선언을 확인하는 것입니다.