根据布尔列值对行着色答案

【问题标题】：Coloring a row depending on a boolean column value根据布尔列值对行着色
【发布时间】：2015-12-07 14:36:55
【问题描述】：

我在显示一些数据的应用程序中使用 ui-grid。第一列是一个布尔值。

如果这个值为真，我想将整行着色为绿色（通过将 bg-success 设置为 cellclass）

如何检查布尔值？如何更改整行的颜色？

我的设置非常基本，所以我不包括你知道的代码；）

【问题讨论】：

标签： angularjs colors row angular-ui-grid

【解决方案1】：

假设您将使用 boolOdd 作为布尔值并使用 bg-error 作为其他类，这就是答案：

<table>
<tr ng-repeat="column in columns" ng-class="{'bg-success': boolOdd, 'bg-error': !boolOdd}">
<td>{{column.name}}</td>
<td>{{column.text}}</td>
</tr>
</table>

【讨论】：

我使用 ui-grid，所以我需要根据第一列（和 columnDef）进行类更改。我想我需要一个可以检索第一列值的行模板或单元格类函数。如果我使用 getCellValue(row, col) 尝试此操作，则在设置 col = 1（或 0）时会出现错误。有没有简单的方法来获取该列的值？

【解决方案2】：

您是否考虑过使用 ngClass。

可以在<tr ng-class="{'bg-success' ? yourBool }">上添加这个

【讨论】：

如何在ui-grid的Cellclass中实现布尔项？

【解决方案3】：

听起来你想试试ng-class

你能粘贴示例代码吗？

【讨论】：