添加空行ng-repeat

时间:2017-04-19 17:57:17

标签: angularjs angularjs-ng-repeat

我有一张桌子,我希望每小时有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。

http://plnkr.co/edit/BQ7i57ufj5VTmL5e1t52?p=preview

提前谢谢

1 个答案:

答案 0 :(得分:0)

如果我理解你的问题,那么你可以创建一个自定义填充类,如下所示:

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

  }

在专栏中,您可以使用ng-class,如下所示:

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

如果索引%4为0,则上面的行将添加自定义填充类。

我更新了你的plunkr: http://plnkr.co/edit/ZIap01eQH18z6P3iJ7K9?p=preview

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