添加空行 ng-repeat答案

【问题标题】：Add empty line ng-repeat添加空行 ng-repeat
【发布时间】：2017-04-21 16:28:40
【问题描述】：

我有一张桌子，我希望每小时有 4 行。

现在是：

1. 8h00 '1'
2. 8H00 '2'
3. 9H00 '3'
4. 12H00 '4'
5. 12H30 '5'

并且想：

1. 8H00 '1'
2. 8H00 '2'
3. 8H00 'New'
4. 8H00 'New'

....

21. 12H00 '4'
22. 12H00 'New'
23. 12H00 'New'
24. 12H30 '5'

我希望我说得非常具体。我创建了一个 plunker。

提前谢谢你

【问题讨论】：

【解决方案1】：

如果我正确理解您的问题，那么您可以创建一个自定义填充类，如下所示：

  .custom-padding {
    padding-top: 10px;

  }

在列中，您可以使用 ng-class，如下所示：

ng-class="($index) % 4 === 0 && !$first ? 'custom-padding': ''"

如果 index%4 为 0，以上行将添加自定义填充类。

您可以考虑将其添加到行中，而不是在每一列中添加 ng-class。

【讨论】：