根据布尔列值着色一行

时间:2015-12-07 14:36:56

标签: angularjs colors row angular-ui-grid

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

如果此值为true,我想将整行设为绿色(通过将bg-success设置为cellclass)

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

我的设置很基本,所以我不包含你知道的代码;)

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

你有没有关于使用ngClass。

可以在<tr ng-class="{'bg-success' ? yourBool }">

上添加此内容

答案 2 :(得分:0)

听起来你想尝试ng-class

您可以粘贴示例代码吗?