AngularJS:根据条件ng网格更改单元格的颜色

Question

这是plnkr代码.我想为属性为true的age所有行更改单元格的颜色alert.我不知道该怎么做.我没有单独的警报列.

Answer 1

干得好.请参阅此修改PLUNKER.在此处转义单引号,但缩进模板以提高可读性.

<div class="ngCellText" 
     ng-class="{\'green\': row.getProperty(\'alert\') == \'true\' }">
         {{ row.getProperty(col.field) }}
</div>

以上情况是警报是布尔值的字符串表示("true"/"false").什么时候alert是布尔值,那么模板变得不那么笨拙了:

<div class="ngCellText" ng-class="{\'green\': row.getProperty(\'alert\') }">
         {{ row.getProperty(col.field) }}
</div>

更新:
为了减少那里的一些冗长,我们可以直接使用row.entity.alert:

<div class="ngCellText" 
     ng-class="{\'green\': row.entity.alert == \'true\' }">
         {{ row.getProperty(col.field) }}
</div>