如何使用分页将背景颜色添加到特定行

Question

这里我使用分页迭代数组。数组中有count变量，可以由{{x.count}}访问。我需要在count = 0的行中添加背景颜色。

如图所示...我需要在count = 0

的行中显示不同的颜色

Answer 1

您可以将css与类表达式结合使用：

<tr dir-paginate="x in array" class="count-{{ x.count }}">
    <td scope="row">{{x.emailTo}}</td>
    <td scope="row">{{x.subject}}</td>
</tr>

CSS：

tr.count-0 td {
    background-color: green;
}

JSFIDDLE

Answer 2

这是另一种方法，你可能会发现更有'角度'：

<tr dir-paginate="x in array"
  ng-class-odd="'some-odd-class'"
  ng-class-even="'some-even-class'">
</tr>

ng-class-odd/ng-class-even仅适用于ng-repeat，所以我假设（希望）你的dir-paginate指令在某处有一个ng-repeat。