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

Question

这是plnkr代码。我想为age属性为true的所有行更改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>