AngularJS：根據條件ng-grid更改單元格的顏色

Question

以下是代碼plnkr。我想爲其alert屬性爲true的所有行更改age單元格的顏色。我不知道該怎麼做。我沒有單獨的警報列。

Answer 1

你在這裏。請參閱此修改的PLUNKER。在此引用單引號但爲了更好的可讀性縮進模板。

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

上面的情況是，當警報是布爾值的字符串表示（「真」 /「假」）。當alert是布爾值，則該模板變得不那麼笨拙：

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

UPDATE：
爲了減少一些冗長繞來繞去那裏，我們可以直接使用row.entity.alert：

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