AngularJS斑马条纹用于隐藏行的表格

时间:2014-03-06 22:18:10

标签: jquery css angularjs css3

我正在尝试将斑马条纹添加到具有隐藏行的表中(使用ng-hide隐藏)。因为angular只隐藏行,无论我使用css3还是jQuery去除,着色都不正确,你可以看到下面的示例。

隐藏第3行,第2行和第4行颜色相同。

这是Plunker

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:3)

一种方法是使用ng-if而不是ng-hide。这样可以防止创建元素,而不是隐藏它。然后css将按预期工作。

Here is a working plnkr